Download
User Rating: 0/5 ( 0 votes)
Images rotation is a jQuery plugin switches the images while you are holding a mouse cursor on the element. Animates both sr cattribute for images and background-image attribute for any other element.
Source: sladex.org
1. INCLUDE JS FILES
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="jquery.images-rotation.min.js"></script>
2. HTML
<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>
3. JAVASCRIPT
$('.images-rotation').imagesRotation();
4. 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'
JS Tutorial
