(function($) { $.fn.easySlider = function(options) { var defaults = { prevId: 'prevBtn', prevText: 'Previous', nextId: 'nextBtn', nextText: 'Next', controlsShow: true, controlsBefore: '', controlsAfter: '', controlsFade: true, firstId: 'firstBtn', firstText: 'First', firstShow: false, lastId: 'lastBtn', lastText: 'Last', lastShow: false, vertical: false, speed: 800, auto: false, pause: 2000, continuous: false }; var options = $.extend(defaults, options); this.each(function() { var obj = $(this); var s = $("li", obj).length; var w = $("li", obj).width(); var h = $("li", obj).height(); obj.width(w); obj.height(h); obj.css("overflow", "hidden"); var ts = s - 1; var t = 0; $("ul", obj).css('width', s * w); if (!options.vertical) $("li", obj).css('float', 'left'); if (options.controlsShow) { var html = options.controlsBefore; if (options.firstShow) html += '<span id="' + options.firstId + '"><a href=\"javascript:void(0);\">' + options.firstText + '</a></span>'; html += ' <span id="' + options.prevId + '"><a href=\"javascript:void(0);\">' + options.prevText + '</a></span>'; html += ' <span id="' + options.nextId + '"><a href=\"javascript:void(0);\">' + options.nextText + '</a></span>'; if (options.lastShow) html += ' <span id="' + options.lastId + '"><a href=\"javascript:void(0);\">' + options.lastText + '</a></span>'; html += options.controlsAfter; $(obj).append(html) }; $("a", "#" + options.nextId).click(function() { animate("next", true) }); $("a", "#" + options.prevId).click(function() { animate("prev", true) }); $("a", "#" + options.firstId).click(function() { animate("first", true) }); $("a", "#" + options.lastId).click(function() { animate("last", true) }); function animate(dir, clicked) { var ot = t; switch (dir) { case "next": t = (ot >= ts) ? (options.continuous ? 0 : ts) : t + 1; break; case "prev": t = (t <= 0) ? (options.continuous ? ts : 0) : t - 1; break; case "first": t = 0; break; case "last": t = ts; break; default: break }; var diff = Math.abs(ot - t); var speed = diff * options.speed; if (!options.vertical) { p = (t * w * -1); $("ul", obj).animate({ marginLeft: p }, speed) } else { p = (t * h * -1); $("ul", obj).animate({ marginTop: p }, speed) }; if (!options.continuous && options.controlsFade) { if (t == ts) { $("a", "#" + options.nextId).hide(); $("a", "#" + options.lastId).hide() } else { $("a", "#" + options.nextId).show(); $("a", "#" + options.lastId).show() }; if (t == 0) { $("a", "#" + options.prevId).hide(); $("a", "#" + options.firstId).hide() } else { $("a", "#" + options.prevId).show(); $("a", "#" + options.firstId).show() } }; if (clicked) clearTimeout(timeout); if (options.auto && dir == "next" && !clicked) { ; timeout = setTimeout(function() { animate("next", false) }, diff * options.speed + options.pause) } }; var timeout; if (options.auto) { ; timeout = setTimeout(function() { animate("next", false) }, options.pause) }; if (!options.continuous && options.controlsFade) { $("a", "#" + options.prevId).hide(); $("a", "#" + options.firstId).hide() } }) } })(jQuery);