Faire apparaître une image après X de temps.

bonsoir,

il faut mettre l'image en display none avant de jouer avec le javascript:
<style>
#image78 { display:none; }
</style>

ensuite avec jquery on peut faire ça:
<script>
$(document).ready(function(){
$( "#image78" ).delay(3000).fadeIn( 100 );
});
</script>

sinon en javascript ça:
<script>
test = function(){

setTimeout(function() {
// on récupère l'élément
var elmt = document.getElementById("image78");

// on modifie son style
elmt.style.display = "inline";

}, 3000);
}
var elmt = document.getElementById("image78");
elmt.onload = test();

</script>

Salut,

l'image devrait apparaître après x temps depuis le chargement de la page ? depuis un click ?

L'image est elle déjà présente dans le code html de la page ?

Le site est en ligne ? Quels langages utilise le site ? Comment est fait le site ?

Bonne soirée

׺°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[׺°"~'"°º×

Salut,

code jquery :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(function(){

	var time = 3000; // temps en milisecondes 1000 == 1secondes

	setTimeout(function() { $("#image78").fadeIn("slow");}, time);

});
</script>

dans la variable time tu met le delai que tu souhaite en millisecondes. Si ton site à déjà jquery de chargé, ne le charge pas 2 fois.

bonne soirée

Salut,

La fonction setTimeout pourrait elle convenir ? :

<form>
<input type="button" value="Appuis ici pour ouvrir une alerte dans 1250 millisecondes" onClick="setTimeout(function() {alert('Bonjour!');},1250);">
</form> 
 

source : https://www.sean.co.uk/a/webdesign/javascriptdelay.shtm
Cordialement

N'oubliez pas de marquez votre post comme résolut lorsque vous avez eu les réponses à vos questions...
Au royaume des aveugles, les borgnes sont rois.