Maximage: Randomize Slides

by Nick Hulea

HTML

<script src="http://www.aaronvanderzwan.com/maximage/2.0/lib/js/jquery.cycle.all.js"></script>
<script src="http://aaronvanderzwan.com/maximage/2.0/lib/js/jquery.maximage.js"></script>
<link rel="stylesheet" href="http://aaronvanderzwan.com/maximage/2.0/lib/css/jquery.maximage.css">
<!-- Maximage / Cycle -->
<div id="maximage">
<a href="http://imgur.com/ETwAyus"><img src="http://i.imgur.com/ETwAyus.gif"/>
<a href="http://imgur.com/vroOJWZ"><img src="http://i.imgur.com/vroOJWZ.gif"/>
<a href="http://imgur.com/StHZGqS"><img src="http://i.imgur.com/StHZGqS.gif"/>
<a href="http://imgur.com/bdQWsbf"><img src="http://i.imgur.com/bdQWsbf.gif"/>
<a href="http://imgur.com/WA8FwO1"><img src="http://i.imgur.com/WA8FwO1.gif"/>
<a href="http://imgur.com/TlsVdYu"><img src="http://i.imgur.com/TlsVdYu.gif"/>
<a href="http://imgur.com/uGxaUpH"><img src="http://i.imgur.com/uGxaUpH.gif"/>
<a href="http://imgur.com/fpjcY3A"><img src="http://i.imgur.com/fpjcY3A.gif"/>
<a href="http://imgur.com/LVVpJXo"><img src="http://i.imgur.com/LVVpJXo.gif"/>
<a href="http://imgur.com/wa3hn9w"><img src="http://i.imgur.com/wa3hn9w.gif"/>
<a href="http://imgur.com/X6ypOM0"><img src="http://i.imgur.com/X6ypOM0.gif"/>
<a href="http://imgur.com/nBwFM1q"><img src="http://i.imgur.com/nBwFM1q.gif"/>
<a href="http://imgur.com/Rjx7fmc"><img src="http://i.imgur.com/Rjx7fmc.gif"/>
<a href="http://imgur.com/orH7BUt"><img src="http://i.imgur.com/orH7BUt.gif"/>
<a href="http://imgur.com/B5nBtEf"><img src="http://i.imgur.com/B5nBtEf.gif"/>
<a href="http://imgur.com/ljJDsQX"><img src="http://i.imgur.com/ljJDsQX.gif"/>
<a href="http://imgur.com/PCBIo0t"><img src="http://i.imgur.com/PCBIo0t.gif"/>
<a href="http://imgur.com/ezZ9zWl"><img src="http://i.imgur.com/ezZ9zWl.gif"/>
<a href="http://imgur.com/zrdTBIC"><img src="http://i.imgur.com/zrdTBIC.gif"/>
<a href="http://imgur.com/NeRJ3jO"><img src="http://i.imgur.com/NeRJ3jO.gif"/>
<a href="http://imgur.com/XHRqWVY"><img src="http://i.imgur.com/XHRqWVY.gif"/>
<a...

JavaScript

$(function () {
    var imgs = $('#maximage img');
    imgs.sort(function () {
        return 0.5 - Math.random()
    });
    $('#maximage').html(imgs);

    $('#maximage').maximage({
        cycleOptions: {
            speed: 6000
        }
    });
});