Problème compatibilité sur Firefox

jefvdd Messages postés 1 Date d'inscription   Statut Membre Dernière intervention   -  
francisbrico Messages postés 967 Statut Contributeur -
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 Statut Contributeur 369
 
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