Simple jQuery Background Slideshow with Zoom Animations - mkinfinite

File Size: 5.04 KB
Views Total: 4826
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple jQuery Background Slideshow with Zoom Animations - mkinfinite

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.