Wednesday, April 24, 2024
HomejQueryCycle By means of Massive HTML Lists And Tables With jQuery Cyclops...

Cycle By means of Massive HTML Lists And Tables With jQuery Cyclops Plugin


Cyclops is a light-weight jQuery plugin (below 1kb) that breaks down giant HTML lists or tables into smaller sections.

It then mechanically cycles by way of these parts with/with no slide animation, providing a clean and user-friendly looking expertise.

Find out how to use it:

1. Obtain and cargo the jquery.cyclops.min.js script after jQuery.

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jquery.cyclops.min.js"></script>

2. Name the perform in your HTML listing or desk and specify the variety of entries to indicate per view.

$("ul,desk").cyclops({ 
  // default: 5
  maxItems: 3,
});

3. Set the time wait earlier than transitioning to the following view.

$("ul,desk").cyclops({
  // default: 10000
  delay: 5000,
});

4. Decide whether or not to allow the slide animation.

$("ul,desk").cyclops({
  // default: false
  animate: true,
});

This superior jQuery plugin is developed by t0mburton. For extra Superior Usages, please examine 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