Bonjour,
J'utilise un petit script pour gérer l'affichage au choix d'images, en faisant appel à jquery.
Mon script fonctionne bien sur Firefox mac/pc ... mais pas sur IE.
Je ne comprends pas d'ou vient le probleme
-------------------------------
Mon script (visionfade.js)
// des variables pour stocker l'élément en cours d'affichage et celui que l'on voudra afficher au clic
var current;
var next;
// lorsque le document est chargé totalement
$(document).ready(function() {
// on masque toutes les divisions de classe partie (sélecteur CSS)
$("div.partie").hide();
// on choisit la division à afficher par défaut
current = $("div#ph1");
// et on la montre
current.show();
// pour chacun des liens du menu de navigation lorsqu'on clic dessus
$("div#navigation a").click(function() {
// on stocke la "cible" à afficher
next = $("div"+this.getAttribute("href"));
// on masque la zone courante et une fois ça fait (fonction "callback")
current.fadeOut(1, function() {
// on affiche la zone "cible"
current = next;
current.fadeIn(1);
});
// on finit par annuler l'action sur le lien
return false;
});
});
-------------------------------
Ma page type
<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/visionfade.js"></script>
</head>
<div id="navigation">
<ul>
<li><a href="#ph1">premier contenu</a></li>
<li><a href="#ph2">deuxieme contenu</a></li>
<li><a href="#ph3">troisieme contenu</a></li>
</ul>
</div>
<div id='ph1' class='partie'><img src="photos/N026_02.jpg"></div>
<div id='ph2' class='partie'><img src="photos/N026_03.jpg"></div>
<div id='ph3' class='partie'><img src="photos/N026_01.jpg"></div>
</body>
-------------------------------
Merci de m'eclairer ....
all html : Le portail des webmaster
Message publié le jeudi 26 novembre 2009 - 11h44 par Chlloe. 
Message publié le jeudi 26 novembre 2009 - 12h26 par inca roads.