Is there anything we need to look out for if we plan to use more that one slider on a site? They may be on the same page, but might be on separate pages.

I've made sure that all the classes and IDs are unique. Would we paste in the code for each slider in the head area if there are more than one slide on a page?

Anything specific to be on the look out for issues?

This would be in RBB if that matters.

Thanks!
Jeff

Go into the Settings and for Slider ID, give it a unique name. Something like top-slider, bottom-slider etc. This will then keep all your sliders separate and prevent any conflicts.

Thanks Scott. I'll do that!

Hi, I have 2 simple sliders ( named TopSlider and BottomSlider in slider ID field ). Individually they work fine but when both on the same page there is a conflict ..... the second slider just 'blinks' between slides opposed to desired animation effects.This is the code I have put in the header as per instructions. Is there anything I am missing...?

<!--% Start of the headers for CoffeeCup Responsive Content Slider %-->
<link href="TopSlider/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script>
<script src="TopSlider/js/picturefill.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="TopSlider/css/main.css">
<script src="TopSlider/js/jquery-1.8.2.min.js"></script>
<script src="TopSlider/js/revolver.min.js"></script>
<script src="TopSlider/js/slideshow.js"></script>
<!--% End of the headers for CoffeeCup Responsive Content Slider %-->


<!--% Start of the headers for CoffeeCup Responsive Content Slider %-->
<link href="BottomSlider/css/slideshow.css" rel="stylesheet">
<script>document.createElement( "picture" );</script>
<script src="BottomSlider/js/picturefill.js" class="picturefill" async="async"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Martel+Sans">
<link rel="stylesheet" href="BottomSlider/css/main.css">
<script src="BottomSlider/js/jquery-1.8.2.min.js"></script>
<script src="BottomSlider/js/revolver.min.js"></script>
<script src="BottomSlider/js/slideshow.js"></script>
<!--% End of the headers for CoffeeCup Responsive Content Slider %-->

Hi Will,
Try removing the bottom jquery link

There may be other conflicts but try that first.

Hi Eric, thanks for your reply. I tried as you said but still no joy....

Can you Share a link?