Simple jQuery Background Slideshow with Zoom Animations - mkinfinite
File Size: | 5.04 KB |
---|---|
Views Total: | 4845 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
mkinfinite is a tiny jQuery plugin which allows you to loop through an array of background images of a specified container with a zoom animation.
How to use it:
1. Load the necessary jQuery library and the jQuery mkinfinite.js script in the document.
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="jquery.mkinfinite.js"></script>
2. Call the plugin on the container and specify an array of background images you want to loop through.
$('#container').mkinfinite({ imagesList: new Array( '1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg' ) });
3. Customization options with default values.
$('#container').mkinfinite({ maxZoom: 1.25, imagesRatio: 1.5, animationTime: 5000, animationInterval: 10, isFixedBG: false, zoomIn: true, });
This awesome jQuery plugin is developed by charger88. For more Advanced Usages, please check the demo page or visit the official website.