Simple jQuery Background Slideshow with Zoom Animations - mkinfinite
| File Size: | 5.04 KB |
|---|---|
| Views Total: | 4859 |
| 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.











