11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à vous. Je débute en javascript et pratique le css depuis seulement 2 mois. J'ai fai un petit code qui fai une sorte de diaporama d'image.

function DivStatus( nom, numero, image,clic )
			{		
					courant=numero;
					opacite = 0;
					opac=0;
					divID = nom + numero;
					divID2 = nom + numero + numero + numero + numero;
					divID4 = nom + numero + numero + numero;
					Pdiv = document.getElementById( divID );
					Pdiv2 = document.getElementById( divID2 );
					Pdiv4 = document.getElementById( divID4 );
					Pdiv4.className = 'vignette_selected' ;	
					Pdiv.className = '' ;
					Pdiv2.className = '' ;
					montreDiv(divID);
					montreDiv(divID2);
					
				
				for (NumDiv=1; NumDiv<=3; NumDiv++)
					{ 	
															
						if(NumDiv!=numero)
							{
								var divID = nom + NumDiv;
								var divID2 = nom + NumDiv + NumDiv + NumDiv + NumDiv;
								var divID4 = nom + NumDiv + NumDiv + NumDiv;
								Pdiv = document.getElementById( divID );
								Pdiv2 = document.getElementById( divID2 );
								Pdiv4 = document.getElementById( divID4 );
								Pdiv.className = 'cachediv' ;
								Pdiv2.className = 'cachediv' ;
								Pdiv4.className = 'vignette' ;
							}														
					}
					
					if(clic==0)
						{
							if(numero==3){numero=1;}
							else {numero=numero + 1;}
							clearTimeout(timer); 
							timer=setTimeout("Init("+numero+")",15000);
						}
			}


Ce qu'il se passe avec ce code ( ajouter a une fonction automatique ) c'est qu'une image disparait d'un coup et une autre apparait en fondu.

Jusque la tout va bien !

Ce code fai pareil pour le texte accompagnant l'image et change la class de la vignette representant l'image. ( c'est deja plus dur a comprendre ) En gros sur ma page il y a un texte, une image, et 3 vignette corespondant a 2 image caché + celle affiché.

Voici enfin ma question. Je voudrai afficher ces vignettes par dessus limage agrandi.. mais seulement kan la souris passe sur la grande image.

J'ai donc fai ma fonction

function montre(id) {
		    document.getElementById(id).style.display="block";
		 }
		
		 function cache(id) {
		    document.getElementById(id).style.display="none";   
		 }


Le probleme c'est que si je suis sur la div des vignette lorsque l'image change en fondu, la div des vignette disparait.. comme si elle comprenait un onmouseout. et si je bouge la souris pendant le fondu .toujours sur la div vignette.. bah ca clignotte.. lol onmouseout on mouseover.. le navigateur sait plus quoi prendre.

J'aimerai donc savoir comment faire pour regler ce probleme ^^

merci

posez-moi vos questions. c'est sans doute peu clair.
bon bah j'ai réussi.. pour ceux que ca intéresse il suffisait juste que j'applique le onmouseover et out sur la div contenant la grande image ( <div onmouseover.... ) au lieu de le mettre dans un a ( <a onmouseover ) comme indiqué sur d'autres site.

a+