Home › Forums › CSS › Jquery fading image slideshow – 2 on same page › Re: Jquery fading image slideshow – 2 on same page
November 1, 2012 at 3:40 am
#113093
Taufik NurrohmanParticipant
Here’s a simple item rotator plugin: http://jsfiddle.net/xAQGn/34/
(function($) {
$.fn.rotator = function(settings) {
settings = $.extend({
interval: 3000,
speed: 1000
}, settings);
return this.each(function() {
var $t = $(this),
$item = $t.children().addClass('item').hide();
$t.addClass('rotator');
if ($item.length > 1) {
$item.first().addClass('current').fadeIn(settings.speed);
setInterval(function() {
var c = $t.find('.current');
if (c.next().length === 0) {
c.removeClass('current').fadeOut(settings.speed);
$item.first().addClass('current').fadeIn(settings.speed);
} else {
c.removeClass('current').fadeOut(settings.speed).next().addClass('current').fadeIn(settings.speed);
}
}, settings.interval);
}
});
};
})(jQuery);