Recursive Content material Rotator is a lifeless easy jQuery slideshow plugin for robotically crossfading any content material sorts (e.g., pictures, testimonials, information, quotes, and many others.) on the web page.
How you can use it:
1. Obtain and place the rotator.js
script after jQuery library however earlier than the closing physique tag.
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/rotator.js" defer></script>
2. To create a picture slideshow, simply add your pictures to the ‘content material’ container as follows:
<div id="content material"> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> ... </div>
3. This plugin additionally helps text-based content material, akin to testimonials, information, and quotes.
<div id="paragraphs"> <p>jQuery!</p> <p>Script!</p> <p>Web!</p> ... </div>
4. Conceal the content material on web page load.
#content material img, #paragraphs p { show: none; }
This superior jQuery plugin is developed by cfcmeireles. For extra Superior Usages, please verify the demo web page or go to the official web site.