Un gif qui se lance après son chargement
Fermé
Marmotte
-
24 sept. 2010 à 19:36
alexisbbb Messages postés 1 Date d'inscription dimanche 22 juin 2014 Statut Membre Dernière intervention 22 juin 2014 - 22 juin 2014 à 20:05
alexisbbb Messages postés 1 Date d'inscription dimanche 22 juin 2014 Statut Membre Dernière intervention 22 juin 2014 - 22 juin 2014 à 20:05
A voir également:
- Un gif qui se lance après son chargement
- Windows ne se lance pas - Guide
- Qu'est ce qui se lance au démarrage de l'ordinateur - Guide
- Comment créer un gif - Guide
- Discord ne se lance pas ✓ - Forum Logiciels
- Gif instagram marche pas - Forum Instagram
2 réponses
désolé Canarder, mais en faite c'est possible, il existe une solution assez simple.
A force de creuser et chercher, j'ai réussie à trouver une astuce. Donc pour tous ceux qui recherche la possibilité de retarder l'affichage d'une image ou d'un gif après le chargement de la page
//// fonction onload dans la body pour que cela s'éxécute aprés le chargement
<body onload="affiche_image()">
les lignes qui suivent sont à mettre dans la body
et peuvent se répéter autant de fois qu'il y a d'images à retarder
en changeant les noms...
//// une image avec l'attribut style="display:none" alt="" se charge
//// mais ne s'affiche pas. c'est un préchargement.
<img src="files/MatCom/adresse_img1.gif" style="display:none" alt="">
//// L'image dans laquelle va s'afficher l'image attendu
//// on peut y loger une image d'attente beaucoup moins lourde
<form name='sel'>
<img src='files/MatCom/adresse_img_d'attente.jpg' width='650px' align='center' name="Img1">
</form>
//// et le fameux script qui affiche l'image
<script type="text/javascript">
function afffiche_image()
{
document.sel.Img1.src='files/MatCom/adresse_img1.gif';
}
</script>
A force de creuser et chercher, j'ai réussie à trouver une astuce. Donc pour tous ceux qui recherche la possibilité de retarder l'affichage d'une image ou d'un gif après le chargement de la page
//// fonction onload dans la body pour que cela s'éxécute aprés le chargement
<body onload="affiche_image()">
les lignes qui suivent sont à mettre dans la body
et peuvent se répéter autant de fois qu'il y a d'images à retarder
en changeant les noms...
//// une image avec l'attribut style="display:none" alt="" se charge
//// mais ne s'affiche pas. c'est un préchargement.
<img src="files/MatCom/adresse_img1.gif" style="display:none" alt="">
//// L'image dans laquelle va s'afficher l'image attendu
//// on peut y loger une image d'attente beaucoup moins lourde
<form name='sel'>
<img src='files/MatCom/adresse_img_d'attente.jpg' width='650px' align='center' name="Img1">
</form>
//// et le fameux script qui affiche l'image
<script type="text/javascript">
function afffiche_image()
{
document.sel.Img1.src='files/MatCom/adresse_img1.gif';
}
</script>
canarder
Messages postés
1714
Date d'inscription
jeudi 28 août 2008
Statut
Membre
Dernière intervention
13 mai 2018
354
24 sept. 2010 à 21:49
24 sept. 2010 à 21:49
et bien on ne peut pas ... tu pourrais faire une fausse image animée en javascript, et afficher les images en 1px/1px à margin-top -1000px avant ton js ptetre que ça marche
22 juin 2014 à 20:05
J'essaye de faire cette manip afin que le gif s'affiche seulement lorsqu'il est complètement chargé (à la place de l'image d'attente).
J'ai l'impression que le gif se charge, mais il ne remplace pas l'image d'attente...
Je suis vraiment débutant, l'erreur doit être assez basique...
Merci d'avance!
Voici la page en question =
http://alexis-beauclair.com/lagonrevue/anim2
et le code =