Bonjour à tous,

J'ai dû développer un mini slideshow pour un site déjà existant avec jquery 1.2.6 (je ne peux pas choisir la version).

Le slideshow s'affiche correctement mais ne tourne qu'une seule fois et je voudrais qu'il tourne à l'infini mais je n'y arrive pas, je ne sais pas pourquoi.

Sous IE6 par contre le slideshow ne fonctionne pas du tout, les images s'affichent l'une en dessous de l'autre :-(

Merci à tous pour votre aide ;-)

Mon code script:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function slideSwitch() {
		    var $active = $('#headerPhoto img.active');
 
		    if ( $active.length == 0 ) $active = $('#headerPhoto img:last');
 
		    var $next =  $active.next().length ? $active.next()
		        : $('#headerPhoto img:first');
 
		    $active.addClass('last-active');
 
		    $next.css({opacity: 0.0})
		        .addClass('active')
		        .animate({opacity: 1.0}, 2000, function() {
		            $active.removeClass('active last-active');
		        });
		}
 
		$(function() {
		    setInterval( "slideSwitch()", 5000 );
		});

Mon code de la div concernée:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
	<div id="headerPhoto">
 
                <img src="/images/image1.png" alt=""/>
		<img src="/images/image2.png" alt=""/>
 
		<noscript>
			<img src="/images/image1.png" alt=""/>
		</noscript>
    </div>

Merciiiii