Nieuw lid |
|
Hoi Allemaal,
Klein probleem.
ik heb het volgende stuk code waarmee ik een op tijd gebaseerde progress bar laat zien. Dit ivm een slideshow.
$('.progress').animate({width:'880px'}, 5000, function(){
$(this).removeClass('progress')
});
$('.progress').animate({width:'880px'}, 5000, function(){ $(this).removeClass('progress') });
echter voert de browser vanzelfsprekend de code maar 1 maal uit. Hoe loop ik deze dat zodra de image wisselt in de slideshow hij weer opnieuw start.
De volledige code:
function slideSwitch(){
var $active = $('#slideshow img.active')
if($active.length == 0) $active = $('#slideshow img:last')
var $next = $active.next().length ? $active.next() : $('#slideshow img:first')
$active.addClass('last-active')
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 1500, function(){
$active.removeClass('active last-active', function(){})
})
}
$(function(){
setInterval("slideSwitch()", 5000)
$('.progress').animate({width:'880px'}, 5000, function(){
$(this).removeClass('progress')
});
});
function slideSwitch(){ var $active = $('#slideshow img.active') if($active.length == 0) $active = $('#slideshow img:last') var $next = $active.next().length ? $active.next() : $('#slideshow img:first') $active.addClass('last-active') $next.css({opacity: 0.0}) .addClass('active') .animate({opacity: 1.0}, 1500, function(){ $active.removeClass('active last-active', function(){}) }) } $(function(){ setInterval("slideSwitch()", 5000) $('.progress').animate({width:'880px'}, 5000, function(){ $(this).removeClass('progress') }); });
Alvast bedankt!
|