Faire apparaître une image après X de temps.
Résolu/Fermé
Lou363
Messages postés
98
Date d'inscription
samedi 14 juin 2014
Statut
Membre
Dernière intervention
9 juin 2022
-
Modifié par Lou363 le 6/02/2015 à 19:00
Lou363 Messages postés 98 Date d'inscription samedi 14 juin 2014 Statut Membre Dernière intervention 9 juin 2022 - 7 févr. 2015 à 09:55
Lou363 Messages postés 98 Date d'inscription samedi 14 juin 2014 Statut Membre Dernière intervention 9 juin 2022 - 7 févr. 2015 à 09:55
A voir également:
- Faire apparaître une image après X de temps.
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Apparaitre hors ligne whatsapp - Guide
- L x l x h ✓ - Forum Loisirs / Divertissements
- Recherche par image - Guide
- Apparaitre hors ligne instagram - Guide
4 réponses
codeurh24
Messages postés
761
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
122
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>
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|[׺°"~'"°º×
Lou363
Messages postés
98
Date d'inscription
samedi 14 juin 2014
Statut
Membre
Dernière intervention
9 juin 2022
36
6 févr. 2015 à 21:26
6 févr. 2015 à 21:26
Bonsoire,
L'image devrait apparaître après x de secondes au chargement de la page. L'image est présente dans le code HTML. Le site n'est pas en ligne. Le site est en htm/php/asp.
Cordialement..
L'image devrait apparaître après x de secondes au chargement de la page. L'image est présente dans le code HTML. Le site n'est pas en ligne. Le site est en htm/php/asp.
Cordialement..
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
Lou363
Messages postés
98
Date d'inscription
samedi 14 juin 2014
Statut
Membre
Dernière intervention
9 juin 2022
36
6 févr. 2015 à 23:09
6 févr. 2015 à 23:09
Bonsoire,
Je suis tellement nul que cela ne marche pas. Voici le lien de la page: http://yhzpoi.esy.es/test.htm
Cordialement
Je suis tellement nul que cela ne marche pas. Voici le lien de la page: http://yhzpoi.esy.es/test.htm
Cordialement
Exileur
Messages postés
1469
Date d'inscription
mercredi 31 août 2011
Statut
Membre
Dernière intervention
16 décembre 2022
148
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