Maximage: Randomize Slides

by erick

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">
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/coalesse.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/wall_portrait.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/laughing.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/pattern.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/roof_shooting.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/man.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/coffee_shop.jpg" alt="" />
    <img src="http://www.aaronvanderzwan.com/maximage/2.0/lib/images/demo/gas_station.jpg" alt="" />
</div>

JavaScript

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