Bonjour je suis mandaté par mon entreprise pour un site web pour quelqu'un et je dois afficher une image qui au par-avant des bulles s'afficher quand on passé dessus des personne en violet(hover)m, du css. Maintenant je dois faire un script en javascript pour que chaque textes s'affiche 5 secondes disparait et un autre bulle s'affiche. j'ai le fichier index.html contant la page ou il y l'image, une div avec l'id image, 5 bulles avec id bulle, un fichier style.css pour le style de la page situe à la racine, un dossier images. un dossier js contenant du javascript pour faire une réflexion d'image. ce que je voudrai concrètement faire c'est afficher un bulle à l'ouverture de la page pendant 5 secondes puis elle disparait et une autre s'affiche.

setTimeout + document.getElementById + .style.display
Les mots clés dont tu as besoin.

Citation : romain51

5 bulles avec id bulle

Rappelons qu'un id doit être unique dans le document.

bulle1 bulle2 ...

Néanmoins, on ne va pas faire le script pour toi

<script>
         var objet = document.getElementById(perso1)
	 setTimeout(function(){document.getElementById(objet).style.display  = 'visible' }, 3000;			

</script>

.style.display = '' => affiché
.style.display = 'none' => caché
et sinon, tu fais un gebi d'objet (donc tu as un élément HTML) et dans la deuxième ligne, tu as un gebi de objet (donc gebi d'un élément HTML => ça ressemble à rien )

Voici le code complet de cet parti du .html

<div id="imgTetes">
		<div id="perso1" >  </div>
			<script>
				var objet = document.getElementById(perso1)
				setTimeout(function(){  document.getElementById(perso1).style.display  = '' }, 3000;
			</script>
		<div id="perso2"></div>
		<div id="perso3"></div>
		<div id="perso4"></div>
		<div id="perso5"></div>
		<div id="perso6"></div>
		<div id="perso7"></div>
		<div id="perso8"></div> 
	</div>

L'id du gebi doit être une chaine de caractère ("perso1" par ex)

C'est assez étrange de réussir un setTimeout magnifique, mais de foirer un gEBI()...

voici le code cela ne fonctionne toujours pas

<script>
setTimeout(function(){document.getElementById("perso1").style.display  = '' }, 3000;		
				</script>

Et si tu refermais ta parenthèse après le 3000 ?

oui mais de toute façon cela ne fonctionne pas

Qu'est-ce qui ne fonctionne pas

ce code la, enfaite ce que j'ai envie de faire c'est d'avoir une image avec des bulles qui s'affichent au lancement de la page une après l'autre pendant 5 secondes puis disparaissent.

Oui ben..
setTimeout, exécute une fonction après un temps donné.
avec ton code, après un temps donné, tu fais QUE afficher le premier div (qui, en plus, est déjà affiché je suppose )
Modifie un peu ton code ...

j'ai fais ce script mais il ne fais pas ce que je voudrai qui est d'affiche un fond noir pendant 5 seconde puis un fond transparent

<script language="javascript">
	 
				var elmt = document.getElementById("perso1");
//				setInterval(fonction test(){);
				function noir()
				{
				elmt.style.backgroundColor = "#000000";
				}
				
				function transparente()
				{
				elmt.style.backgroundColor = "#transparent";
				}
				
				
				for(var i=1; i<=10; i++)
				{
				
				setTimeout(noir(),0.002);
				setTimeout(transparente(),0.003)
				}	
il faudrai que le fond d'ecran clignote
				
</script>

le temps du setTimeout est en milisecondes. mets des temps à 50 ou 100 environ, je dirais que c'est pas mal

mais même voici le code source devant afficher normalement un background clignotant chaque 5 sec

<script language="javascript">
				var elmt = document.getElementById("perso1");
			
				
				for	(var i=1; i<=3;i++	)
				{

				

				
				setTimeout(function test1(){elmt.style.backgroundColor = "#000000"}, 50);	

				setTimeout(function test2(){elmt.style.backgroundColor = "#ffffff"}, 50);	
	
				setTimeout(function test3(){elmt.style.backgroundColor = "#999999"}, 50);

				}
				</script>

</code>

Bon...

<script type="text/javascript">
	var elmt = document.getElementById("perso1");
				
	setTimeout(function(){
setInterval(function test1(){elmt.style.backgroundColor = "#000000"}, 150);	
}, 50);

         setTimeout(function(){
setInterval(function test1(){elmt.style.backgroundColor = "#ffffff"}, 150);	
}, 100);

         setTimeout(function(){
setInterval(function test1(){elmt.style.backgroundColor = "#999999"}, 150);	
}, 150);

				}
				</script>

ça devrait marcher ...