🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

jQuery plugin switches the images while you are holding a mouse cursor on the element. Animates both src attribute for images and background-image attribute for any other element.

Plugins

Documentation

Images rotation jQuery plugin

Plugin switches the images while you are holding a mouse cursor on the element. Animates both src attribute for images and background-image attribute for any other element.

Live demo: http://sladex.org/images-rotation/

Basic Usage

<div class="images-rotation"      data-images='["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg"]'>   <img src="img/1.jpg" alt=""> </div> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="jquery.images-rotation.min.js"></script> <script>   $('.images-rotation').imagesRotation(); </script>

Options

  • images Push the images array via Javascript. Default is '[]'
  • dataAttr Change html5 data- attribute name. Default is 'images'
  • imgSelector jQuery selector for the element to makes changes for. Default is 'img'
  • interval Interval between one image switches to another, in ms. Default is '1000'
  • intervalFirst Time delay for the very first switch. Default is '500'
  • callback Callback function, first argument would be the current image url. Default is 'null'

Changelog

0.1.2 (2014/08/12)

  • background-image support

License

Copyright (c) 2013-2014 sladex, released under the MIT License.


You May Also Like