How to make 2 carrousels on the same page have diferent styles, number of imgs to preload and other jS Config.

ti's Avatar

ti

06 Jan, 2018 09:11 PM

Hi dimitri,

We are loving the plugin. But we need help on a thing.

We currently have 1 style and config for carrousels on our pages and is working perfect. But we need to create another carrousel on the same page, but with a diferent height, diferent "numImagesToPreload" and config on JS, and other minor tweaks.

The important here is the height because on this second carrousel the images are much more smaller, and its still using the height o the main carousel style, and the "numImagesToPreload" because its have only 2-3 images on it so we can use a les value to gain perfomance.

Can you help us with it?

Thanks!

  1. Support Staff 1 Posted by Dmitry Semenov on 06 Jan, 2018 10:11 PM

    Dmitry Semenov's Avatar

    Hello,

    Not entirely understand the question, if you need different options for each slider - add different class to each and initialize separately:

    $('.slider-one').royalSlider({
        // options...
    });
    
    $('.slider-two').royalSlider({
        // options...
    });
    
  2. ti closed this discussion on 09 Jan, 2018 10:38 AM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac