jQuery Plugin To Load Images In Random Order - Randomizer

File Size: 112 KB
Views Total: 2242
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Load Images In Random Order - Randomizer

Randomizer is a really simple jQuery plugin to arrange images in random order that detects how many images loaded in your web page and generates a new src for the selected images.

Basic usage:

1. Add your images to the web page.

<img src="img/avatar-01.png" alt="">
<img src="img/avatar-02.png" alt="">
<img src="img/avatar-03.png" alt="">
<img src="img/avatar-04.png" alt="">
<img src="img/avatar-05.png" alt="">
...

2. Load jQuery library and the jQuery Randomizer plugin at the bottom of the web page.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/randomize.js" ></script>

3. Call the plugin on the img tag and done.

$('img').randomize();

4. Specify the path to your images.

$('img').randomize({
  path : 'img/avatar-0'
});

This awesome jQuery plugin is developed by gautamz07. For more Advanced Usages, please check the demo page or visit the official website.