Tuesday, April 23, 2024
HomejQueryMinimal Any Content material Slideshow Plugin - Recursive Content material Rotator

Minimal Any Content material Slideshow Plugin – Recursive Content material Rotator


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.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments