Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript > Bibliothèques & Frameworks > jQuery
jQuery Forum d'entraide sur le framework jQuery. Avant de poster : Tutoriels jQuery, FAQ jQuery, Tous les tutoriels JavaScript, Toutes les FAQ JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 03/03/2011, 15h39   #1
Membre à l'essai
 
Inscription : mai 2005
Messages : 112
Détails du profil
Informations personnelles :
Âge : 30
Localisation : Belgique

Informations forums :
Inscription : mai 2005
Messages : 112
Points : 22
Points : 22
Par défaut jquery slideshow ne fonctionne pas sous IE6 et ne tourne qu'une fois sur les autres browsers

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 :
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 :
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
san1981 est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 15h32.


 
 
 
 
Partenaires

Hébergement Web