Faire apparaître une image après X de temps.
Résolu/Fermé
Utilisateur anonyme
-
Modifié par Lou363 le 6/02/2015 à 19:00
Utilisateur anonyme - 7 févr. 2015 à 09:55
Utilisateur anonyme - 7 févr. 2015 à 09:55
A voir également:
- Faire apparaître une image après X de temps.
- Apparaitre hors ligne instagram - Guide
- Apparaitre hors ligne whatsapp - Guide
- Image iso - Guide
- Blocage agriculteur carte en temps réel - Guide
- Comment agrandir une image - Guide
4 réponses
codeurh24
Messages postés
761
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
123
7 févr. 2015 à 02:11
7 févr. 2015 à 02:11
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
Modifié par lobotoFix le 6/02/2015 à 20:46
Modifié par lobotoFix le 6/02/2015 à 20:46
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|[׺°"~'"°º×
Utilisateur anonyme
6 févr. 2015 à 22:12
6 févr. 2015 à 22:12
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
Exileur
Messages postés
1475
Date d'inscription
mercredi 31 août 2011
Statut
Membre
Dernière intervention
16 décembre 2022
150
Modifié par Exileur le 7/02/2015 à 01:18
Modifié par Exileur le 7/02/2015 à 01:18
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.
7 févr. 2015 à 09:55