Bonjour,
J'ai utilisé la galerie simple avec des class et le code de chmel http://forum.alsacreations.com/topic-23-14139-1-Utilisation-de-plusieurs-galeries-js-sur-une-mme-page.html pour pouvoir en placer plusieurs sur ma page html. Cependant je parvenais avec la version en div id à séparer les vignettes de l'images principale en créant 2 id mais plus avec les div class.
Je penses que ça vient de mon javascript.
voici mon html
et voici le javascript
Quelqu'un pourrait-il me dire ce qu'il faut modifier dans le javascript et/ou dans le html ?
Merci d'avance
J'ai utilisé la galerie simple avec des class et le code de chmel http://forum.alsacreations.com/topic-23-14139-1-Utilisation-de-plusieurs-galeries-js-sur-une-mme-page.html pour pouvoir en placer plusieurs sur ma page html. Cependant je parvenais avec la version en div id à séparer les vignettes de l'images principale en créant 2 id mais plus avec les div class.
Je penses que ça vient de mon javascript.
voici mon html
<div class="galerie">
<a href="images/photo1.jpg" title="Titre de la photo 1"><img src="images/minis/m_photo1.jpg" alt="Le titre de la photo 1" /></a>
<a href="images/photo2.jpg" title="Titre de la photo 2"><img src="images/minis/m_photo2.jpg" alt="Le titre de la photo 2" /></a>
<a href="images/photo3.jpg" title="Titre de la photo 3"><img src="images/minis/m_photo3.jpg" alt="Le titre de la photo 3" /></a>
<p>Titre de la photo 1</p>
</div>
<div class="IMG">
<img src="images/photo1.jpg" alt="Photo 1 en taille normale" />
</div>
et voici le javascript
function displayPics(e)
{
el=window.Event?e.target:event.srcElement;
if(!el.tagName)el=el.parentNode // pour NS6+
if(el.parentNode.parentNode.className=="galerie")
{
with(el.parentNode.parentNode)
{
for(c=0;c<childNodes.length;c++)
{
if(childNodes[c].tagName=="P")
childNodes[c].firstChild.data=el.parentNode.title
if(childNodes[c].tagName=="IMG"){
with(childNodes[c]){
src=el.parentNode.href;
alt=el.parentNode.title;
}
}
}
}
return false
}
}
document.onclick=displayPics
Quelqu'un pourrait-il me dire ce qu'il faut modifier dans le javascript et/ou dans le html ?
Merci d'avance
