24 HOUR FLASH SALE - 30% OFF EVERYTHING - Enter coupon code 24HOURFLASH on any purchase!

Setting up the J51 Carousel module

The J51 Carousel module is a simple module allowing you to place columns of content within a rotating carousel. Content for each column is set within the module settings. Once installed a new instance of this module can be creating by navigating to Extensions -> Modules -> New -> J51 Carousel. Available options for this module include the following..

  • Number of Columns: Set the total number of columns to be displayed
  • Randomize Columns: Enable to randomize the sequence of your columns.
  • Columns Per Slide: Set the number of columns visible at any one time.
  • Box Columns: Styling option to apply a box/background to each column of content.
  • Horizontal Margin: Set the horizontal spacing between each column of content.
  • Vertical Margin: Set the spacing above and below your carousel.
  • Autoplay: Enable automatically rotate carousel once page has been loaded.
  • Transition Interval: If autoplay is enabled, this field sets the interval between each carousel rotation (in milliseconds, eg. 1000 = 1 second).
  • Transition Duration: If autoplay is enabled, this field sets the duration of the transition between each rotation (in milliseconds, eg. 1000 = 1 second).
  • Transition Type: By default columns slide rotate. If the Columns Per Slide field is set to 1, you can rotate your carousel using a selection CSS animations.
  • Pagination: Enables pagination on your carousel in the form of dot indicators.
  • Navigation: Enables previous and next buttons for each slide.
  • Previous Button Text: Set the previous button text for navigation.
  • Next Button Text: Set the next button text for navigation.
  • Columns (Tablet Landscape): Set the number of columns per slide on tablet landscape.
  • Columns (Tablet Portrait): Set the number of columns per slide on tablet portrait.
  • Columns (Mobile Landscape): Set the number of columns per slide on mobile phone landscape.
  • Columns (Mobile Portrait): Set the number of columns per slide on mobile phone portrait.

Content for each column is setting using the corresponding available tabs. Each tab has an editor to enter your carousel content.

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok