Solved! Go to Solution.
Hi,
happy to share these examples here - I have built 2 types of "carousels" or should I say simple slideshows. Both on guided templates.
- One allows for the image on the top banner to slide only:
https://go.bauschhealth.com/2020-03-31RotatingBanner.html
- the other allows for the image + text to slide.
https://go.bauschhealth.com/caroussellogos.html
Hope this is useful.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://go.bauschhealth.com/rs/350-OKO-721/images/rotating-banner-javascript.js"></script>
<link href="https://go.bauschhealth.com/rs/350-OKO-721/images/Rotating-Banner-CSS.css" rel="stylesheet">
<figure id="slideshow"><img src="https://go.bauschhealth.com/rs/350-OKO-721/images/B%2BLSurgicalSection-1_Header-Image530x350.jpg" constrain="true" imagepreview="false" style="height: 354px;" /> <img src="https://go.bauschhealth.com/rs/350-OKO-721/images/B%2BLSurgicalSection-3_Image530x350.jpg" style="height: 354px;" constrain="true" imagepreview="false" /></figure>
Thank you
Thank you.