A jQuery Plugin That Scrolls Elements Infinitely | infiniteSlide

Infiniteslide.js v2 is a jQuery plugin that passes infinitely. This is using CSS3 (keyframes) animation, smooth and light for the browser.

infinite scroll jquery, infinite scrolling javascript, jquery infinite scroll image gallery, jquery infinite scroll ajax

How to make use of it:

1. Create a list of images for Scroller.

<ul class="demo">
  <li><img src="1.jpg" alt="" /></li>
  <li><img src="2.jpg" alt="" /></li>
  <li><img src="3.jpg" alt="" /></li>
  <li><img src="4.jpg" alt="" /></li>
  <li><img src="5.jpg" alt="" /></li>
  <li><img src="6.jpg" alt="" /></li>
  ...
</ul>

2. Download and load the jQuery infiniteSlide plugin script after the jQuery library has been loaded.

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="infiniteslidev2.js"></script>

3. Call the function in the HTML menu to create a basic scroller.

$('.demo').infiniteslide();

4. Change the default animation speed.

$('.demo').infiniteslide({
  'speed': 100
});

5. Change the default scroll direction.

$('.demo').infiniteslide({

  // up/down/left/right
  'direction': 'left'
  
});

6. Enable/disable the “Pause on scroll” function.

$('.demo').infiniteslide({
  'pauseonhover': true
});

7. Make the scroller fully responsive across all browsers.

$('.demo').infiniteslide({
  'responsive': true // default: false
});

8. Determine the number of items to be cloned if there are not enough items.

$('.demo').infiniteslide({
  'clone': 1
});

Option

There are 5 options.

  • speed: Speed
  • direction: Orientation (select from up/down/left/right)
  • pauseonhover: stop animation on mouseover (true/false)
  • responsive: Responsive or not.┬áSet to true if the child element of the slide is specified by %.
  • clone: The number of times to duplicate the child element.┬áSpecify 2 or more if the number of child elements is small and the loop breaks.

Infinite Automatic Scroller Plugin For jQuery, Infiniteslide.js v2 Plugin/Github, infinite scroll vanilla js, jquery infinite scroll pagination, infinite scrolling website


See Demo And Download

Official Website(woodroots): Click Here

This superior jQuery/javascript plugin is developed by woodroots. For extra Advanced Usage, please go to the official website.

Share