Problème compatibilité sur Firefox

Fermé
Signaler
Messages postés
1
Date d'inscription
mardi 20 mai 2008
Statut
Membre
Dernière intervention
20 mai 2008
-
Messages postés
967
Date d'inscription
samedi 27 août 2005
Statut
Contributeur
Dernière intervention
3 juillet 2008
-
Bonjour,


J'ai un problème de compatibilité de mon code avec firefox. Normalement lorsque l'on clique sur les vignettes, la grande photo devrait changer. Cependant avec firefox, lorsque l'on clique sur la vignette, firefox m'ouvre une nouvelle fenêtre avec la grande photo.
Comment dois-je le modifier pour qu'il fonctionne corretement sur "firefox, IE, Safari"

Mon code :

dans le HEAD :
<script type="text/javascript" src="../script.js"></script>


dans le BODY:
<dl id="photo">
<dt><h2>Nova Park</h2></dt>
<br><dd><img id="big_pict" src="../big/01.jpg" alt="Photo 1 en taille normale" align="left" /></dd>
</dl>

<ul id="galerie_mini">
<a href="../big/01.jpg" title="Nova Park"><img src="../small/01.jpg" alt="Le titre de la photo 1" /></a>

<a href="../big/02.jpg" title="Nova Park"><img src="../small/02.jpg" alt="Le titre de la photo 2" /></a>

<a href="../big/03.jpg" title="Nova Park"><img src="../small/03.jpg" alt="Le titre de la photo 3" /></a>
</ul>


dans un document .js :

function displayPics()
{
var photos = document.getElementById('galerie_mini') ;

var liens = photos.getElementsByTagName('a') ;

var big_photo = document.getElementById('big_pict') ;


var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;



for (var i = 0 ; i < liens.length ; ++i) {

liens[i].onclick = function() {
big_photo.src = this.href;
big_photo.alt = this.title;
titre_photo.firstChild.nodeValue = this.title;
return false;
};
}
}
window.onload = displayPics;





Si vous voulez, vous pouvez allez voir ce que cela donne sur:

http://users.skynet.be/thebestforyou/projet/projet.html


Merci!

1 réponse

Messages postés
967
Date d'inscription
samedi 27 août 2005
Statut
Contributeur
Dernière intervention
3 juillet 2008
367
Bonjour
voilà la correction

<dt><h2>Nova Park</h2></dt>
<br><dd><img id="big_pict" src="../big/01.jpg" alt="Photo 1 en taille normale" align="left" style="style=" position: fixed; /></dd>
</dl>

<ul id="galerie_mini">
<a href="../big/01.jpg" title="Nova Park"><img src="../small/01.jpg" alt="Le titre de la photo 1" /></a>

<a href="../big/02.jpg" title="Nova Park"><img src="../small/02.jpg" alt="Le titre de la photo 2" /></a>

<a href="../big/03.jpg" title="Nova Park"><img src="../small/03.jpg" alt="Le titre de la photo 3" /></a>
</ul>