11548 sujets

JavaScript, DOM et API Web HTML5

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

<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 Smiley cligne