$(document).ready(function() { window.ss = 1; window.ssMax = $("#maxcount").html(); $("#next, #screenshot").click(next); $("#prev").click(prev); }); function next() { window.ss = window.ss + 1; if (window.ss > window.ssMax) { window.ss = 1; } $("#screenshot").fadeOut(500, function() { $("#screenshot").attr({src : "images/screenshot" + window.ss + ".png"}).fadeIn(500); }); } function prev() { window.ss = window.ss - 1; if (window.ss < 1) { window.ss = window.ssMax; } $("#screenshot").fadeOut(500, function() { $("#screenshot").attr({src : "images/screenshot" + window.ss + ".png"}).fadeIn(500); }); }