Are you enjoying the extensions? Did you like the support? Help others decide.

Leave a review
Details
Category: Trombinoscope Contacts
Information
Print

Module: carousel

Information
Trombinoscope Contacts

v4.0 The script used for the carousel functionality is written in pure Javascript and does not require jQuery

Configuration Optionally select a horizontal or vertical sliding animation.
  • Before 4.0 Card Width must be set in pixels, not percentages. Animations won't start until this is the case
  • Starting with 4.0 When horizontal, set the card width in pixels. When vertical, set the width in percentages (usually 100%)
Responsiveness is handled by the animation script
Visible items The number of cards to show at a time
  • Before 4.0 In horizontal configuration, leave blank to show as many contact cards as possible in the module container. The vertical configuration requires a number
  • Starting with 4.0 Defaults to 1. Evaluate the most numbers of items you want to show in an horizontal configuration as a starting point
In horizontal configuration, the number of items showing depends on the width of the container. It is automatically set by the animation script.

If the number of visible items is the same as the number of items selected by the module instance, the carousel is off.
Move at once The number of cards to move at a time
Arrows Add arrows
  • Around The arrows are at top and bottom (when in vertical configuration) or left and right (when in horizontal configuration) of the cards
  • Under The arrows show under the contact cards
Style Use the default style, or, if the site template is Bootstrap-based (v2 or v3), use the Bootstrap skinning
Bootstrap sizes The sizes, as defined by Bootstrap (all but large)
Note Bootstrap v3 does not have the 'mini' size
Arrow size The size of the arrows (arrows are fonts, so the size is in em)
Arrow offset The distance from the cards (in horizontal configuration, will offset the arrows from the top of the module. Otherwise, will add space between cards and arrows)
Pages
  • Before 4.0 Include page numbers to the pagination (when pagination is shown under the items)
  • Starting with 4.0 Adds dots representing pages. When full pagination with actual page numbers is required, creating a menu item is more appropriate
Auto Starts the animation automatically or waits for user interaction
Speed The time spent animating (ms)
Duration The time between 2 moves (ms)
Restart on refresh After leaving the page and coming back to it, restarts the animation from the beginning. Otherwise it restarts where it has been left off. Uses cookies to remember the last position.
in 4.0 this option has been temporally turned off

Related tutorials and topics

Featured Blogs