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.