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 -
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!
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:
- Problème compatibilité sur Firefox
- Compatibilite windows 11 - Guide
- Downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Mozilla firefox - Télécharger - Navigateurs
- Comment supprimer bing de firefox - Guide
1 réponse
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>
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>