18041 sujets

Questions générales et questions de débutants

Pb menu déroulant et galerie photo

Bonjour,
J'ai utilisé le tuto "menu déroulant horizontal en css" qui fonctionne parfaitement et j'ai ajouté une galerie photo avec le tuto "galerie photo avec javascript"
Le pb lorsque j'affiche ma page c'est que tous les sous-titres de mon menu horizontal est affiché puis celui-ci s'affiche correctement si je passe la souris dessus. Je crois que cela vient du fait que j'utilise 2 fois window.onload
Voici mon code pour afficher le menu :
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

//-->

</script>

puis je fais appel à ma fonction pour afficher la galerie photo
<script type="text/javascript" src="script.js"></script>
dont voici le code
[code]function displayPics()
{
	var photos = document.getElementById('galerie_mini') ;
	// On récupère l'élément ayant pour id galerie_mini
	var liens = photos.getElementsByTagName('a') ;
	// On récupère dans une variable tous les liens contenu dans galerie_mini
	var big_photo = document.getElementById('big_pict') ;
	// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

	var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
	// Et enfin le titre de la photo de taille normale

	// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
	for (var i = 0 ; i < liens.length ; ++i) {
		// Au clique sur ces liens 
		liens[i].onclick = function() {
			big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
			big_photo.alt = this.title; // On change son titre
			titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
			return false; // Et pour finir on inhibe l'action réelle du lien
		};
	}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page

Merci pour votre aide[/i]
Merci pour la réponse mais je débute le javascript et j'avoue j'ai pas compris le code.
J'ai recopié le code suivant et je l'ai placé dans le head mais ca ne fonctionne pas !!!
window.onload=function()
{
oO.method1();
oO.method2();
};

function addLoadEvent (func)
{
  var oldonload = window.onload;
  if(typeof window.onload != 'function')
  {
    window.onload = func;
  }
  else
  {
    window.onload = function()
    {
      oldonload();
      func();
    }
  }
}

addloadEvent(oO.method1);
addloadEvent(oO.method2);

mais comme je comprend rien à ce code c'est difficile de voir au j'ai fait une erreur
Personne pour un petit coup de main...
Je n'arrive pas à adapter le script à mon code
Merci de votre aide
Sujet clos
Aller à