Problème compatibilité sur Firefox

Fermé
jefvdd Messages postés 1 Date d'inscription mardi 20 mai 2008 Statut Membre Dernière intervention 20 mai 2008 - 20 mai 2008 à 18:28
francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 - 20 mai 2008 à 19:58
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!
A voir également:

1 réponse

francisbrico Messages postés 967 Date d'inscription samedi 27 août 2005 Statut Contributeur Dernière intervention 3 juillet 2008 369
20 mai 2008 à 19:58
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>
0