SO jQuery Fiddle

Test Fiddle mainly for SO Questions jQuery 1.4.3, UI 1.8.5

by morrison

HTML

<script src="https://github.com/carhartl/jquery-cookie/raw/master/jquery.cookie.js"></script>
<div id="slideshow">
    <div class="Image"><img src="http://placekitten.com/320/200">1</div>
    <div class="Image"><img src="http://placekitten.com/g/320/200">2</div>
    <div class="Image"><img src="http://placekitten.com/300/200">3</div>
    <div class="Image"><img src="http://placekitten.com/g/300/200">4</div>
    <div class="Image"><img src="http://placekitten.com/310/200">5</div>
    <div class="Image"><img src="http://placekitten.com/g/310/200">6</div>
</div>

CSS

.Image {
    width:320px;
    height:200px;
    background:#eee;
    padding:10px;
    border:1px solid #ccc;
}
.Image img {
    display:block;
    margin:0 auto;
}

JavaScript

var $images = $('.Image').hide();

function supports_local_storage() {
    try {
        return 'localStorage' in window && window.localStorage !== null;
    } catch (e) {
        return false;
    }
}

if (supports_local_storage()) {
    var i = localStorage.index || 0;

    $images.eq(i).show();

    localStorage.index = ++i % $images.length;

} else {
    var i = $.cookie('index') || 0;
    i = (parseInt(i, 10)) % $images.length;
    $images.eq(i).show();
    $.cookie('index', i+1);
}