Faire apparaître une image après X de temps.
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je souhaite savoir si il est possible de faire apparaître une image avec l'ID image78 après X secondes.
PS: Prière de me donner un script avec le système d'ID. Sinon, je serai perdu.
Merci d'avance.
Je souhaite savoir si il est possible de faire apparaître une image avec l'ID image78 après X secondes.
PS: Prière de me donner un script avec le système d'ID. Sinon, je serai perdu.
Merci d'avance.
A voir également:
- Faire apparaître une image après X de temps.
- Site x - Guide
- Sites X : Pornhub, YouPorn et Redtube sont de nouveau accessibles en France - Guide
- Apparaitre hors ligne instagram - Guide
- Image de manchots sur une image de plage. - Forum Graphisme
- Légender une image - Guide
4 réponses
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>
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>
Utilisateur anonyme
Merci beaucoup. Cela fonctionne enfin. Je mais ce sujet en résolus.
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|[׺°"~'"°º×
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 :
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
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 ? :
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.
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.