Chargement gif et preload
foyout
Messages postés
25
Date d'inscription
Statut
Membre
Dernière intervention
-
foyout -
foyout -
bonjour,
voila, j'ai crée un gif pour ma page d'acceuil et j'aurai pas cru me prendre autant la tete. lol
j'ai plusieurs souci, deja, pour que le gif ne soit pas sacadé, j'ai utilisé un preload. Là est mon premier probleme, ca fonctionne mais uniquement sur firefox, alors que c'était censé marcher sur ie (j'ai pris le script sur un site).
Et mon deuxieme probleme c'est que le gif ne fonctionne qu'a la premiere visite, si on retourne vois le site apres, on a directement la derniere image et le gif est fixe. D'ailleur j'ai crée le gif pour qu'il se repete 50 fois et meme a la premiere conection, il ne se repete qu'une ou deux fois...
je vous met le lien, ca sera plus parlant: http://fandevincentclerc.free.fr/nouveau/preload/preload.html
voila, merci d'avance
bye
Foyout
voila, j'ai crée un gif pour ma page d'acceuil et j'aurai pas cru me prendre autant la tete. lol
j'ai plusieurs souci, deja, pour que le gif ne soit pas sacadé, j'ai utilisé un preload. Là est mon premier probleme, ca fonctionne mais uniquement sur firefox, alors que c'était censé marcher sur ie (j'ai pris le script sur un site).
Et mon deuxieme probleme c'est que le gif ne fonctionne qu'a la premiere visite, si on retourne vois le site apres, on a directement la derniere image et le gif est fixe. D'ailleur j'ai crée le gif pour qu'il se repete 50 fois et meme a la premiere conection, il ne se repete qu'une ou deux fois...
je vous met le lien, ca sera plus parlant: http://fandevincentclerc.free.fr/nouveau/preload/preload.html
voila, merci d'avance
bye
Foyout
A voir également:
- Chargement gif et preload
- Convertir gif en video - Guide
- Logitech g hub chargement infini ✓ - Forum Logiciels
- Smart iptv bloqué au chargement - Forum Box et Streaming vidéo
- Comment créer un gif - Guide
- Application gif gratuit - Télécharger - Animation
6 réponses
je penses ke c à cause du logiciel avec lekel t'a créé ton site ! le mien aussi afiche le meme probleme, il fonctionne avec firefox mais y'a des erreurs vc Ie ! voila mon site : www.under-ground.c.la
Pour le site je l'ai créé vc WEB PAGE MAKEr !
Pour le site je l'ai créé vc WEB PAGE MAKEr !
Bonjour Foyout,
J'ai fait quelques tests et j'ai comme l'impression que si une image n'est pas physiquement trouvée, le script s'arrête sous IE (tout a fonctionné quand j'ai effacé quelques img en trop et que j'ai fait pointé le reste vers des fichiers image existants). Il faut donc t'assurer que tous tes <img src="chemin fichier" /> sans exception pointent vers un fichier image qui existe.
Ensuite, petit détail : Ne fais pas setTimeout(preloadImage) mais plutôt preloadImage(). Le setTimeout n'est pas compatible avec tous les navigateurs et pour certains il faut explicitement préciser un temps en milisecondes. Et en JavaSript il vaut mieux terminer chaque instruction par un point virgule. Sans compter que les attributs des balises, surtout quand leur valeur n'est pas numérique, doivent être entourés de guillemets comme ceci <div id="monbloc"></div>
Pour l'autre problème, j'ai ouvert ton GIF avec un logiciel dédié et il résulte que la répétition est réglée sur 3 au lieu de 50.
Pour ce qui est de l'absence d'animation lors d'une deuxième visite, c'est une question de cache du navigateur. Toi qui utilises FireFox, si par exemple tu cliques sur le lien que tu as laissé ici, dans un nouvel onglet, l'animation va se recharger. Par contre si tu fais F5 ou retapes l'URL, le navigateur ne rejouera plus l'image à moins que tu ne vides son cache.
Voilà bonne journée ! :-)
J'ai fait quelques tests et j'ai comme l'impression que si une image n'est pas physiquement trouvée, le script s'arrête sous IE (tout a fonctionné quand j'ai effacé quelques img en trop et que j'ai fait pointé le reste vers des fichiers image existants). Il faut donc t'assurer que tous tes <img src="chemin fichier" /> sans exception pointent vers un fichier image qui existe.
Ensuite, petit détail : Ne fais pas setTimeout(preloadImage) mais plutôt preloadImage(). Le setTimeout n'est pas compatible avec tous les navigateurs et pour certains il faut explicitement préciser un temps en milisecondes. Et en JavaSript il vaut mieux terminer chaque instruction par un point virgule. Sans compter que les attributs des balises, surtout quand leur valeur n'est pas numérique, doivent être entourés de guillemets comme ceci <div id="monbloc"></div>
Pour l'autre problème, j'ai ouvert ton GIF avec un logiciel dédié et il résulte que la répétition est réglée sur 3 au lieu de 50.
Pour ce qui est de l'absence d'animation lors d'une deuxième visite, c'est une question de cache du navigateur. Toi qui utilises FireFox, si par exemple tu cliques sur le lien que tu as laissé ici, dans un nouvel onglet, l'animation va se recharger. Par contre si tu fais F5 ou retapes l'URL, le navigateur ne rejouera plus l'image à moins que tu ne vides son cache.
Voilà bonne journée ! :-)
re
un grand merci pour ta reponses, ca a resolu pas mal de probleme.
Ca fonctionne maintenant tres bien avec ie mais j'ai toujours ce souci de mise en cache.
Pour ie, j'ai utilisé le meta: <META HTTP-EQUIV="pragma" CONTENT="no-cache"> et ca fonctionne niquel.
Il me reste juste le probleme sur firefox ou ce meta ne marche pas et donc l'image se met en cache et ne se recharge pas.
Y'a t'il une solution sur firefox pour empecher la mise en cache ?
merci encore, et desolé pour toutes ses questions
bye
Foyout
un grand merci pour ta reponses, ca a resolu pas mal de probleme.
Ca fonctionne maintenant tres bien avec ie mais j'ai toujours ce souci de mise en cache.
Pour ie, j'ai utilisé le meta: <META HTTP-EQUIV="pragma" CONTENT="no-cache"> et ca fonctionne niquel.
Il me reste juste le probleme sur firefox ou ce meta ne marche pas et donc l'image se met en cache et ne se recharge pas.
Y'a t'il une solution sur firefox pour empecher la mise en cache ?
merci encore, et desolé pour toutes ses questions
bye
Foyout
juste pour dire que j'ai changé le lien, voila le nouveau: http://fandevincentclerc.free.fr/lindex.html
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Cool, une bonne chose de faite :-D
Heu... Pour résoudre ce problème de cache j'ai toujours pensé que FireFox souffrait de gros poblèmes et que malheureusement on ne sait pas y faire grand chose mais le bug est connu chez-eux (je ne sais pas si avec les version antérieures à la 2 ça le faisait aussi mais je trouve que les développeurs ont plutôt mal géré ces affaires de cache).
Si tu veux t'amuser à bidouiller tu peux toujours suivre cette discussion, sait-on jamais : javascript interdire le cache ie marche pas#1
Pas de soucis pour les questions, on est sur un forum, en poser c'est le but :-D (et y répondre quand on sait ou croit savoir aussi) ^^
Heu... Pour résoudre ce problème de cache j'ai toujours pensé que FireFox souffrait de gros poblèmes et que malheureusement on ne sait pas y faire grand chose mais le bug est connu chez-eux (je ne sais pas si avec les version antérieures à la 2 ça le faisait aussi mais je trouve que les développeurs ont plutôt mal géré ces affaires de cache).
Si tu veux t'amuser à bidouiller tu peux toujours suivre cette discussion, sait-on jamais : javascript interdire le cache ie marche pas#1
Pas de soucis pour les questions, on est sur un forum, en poser c'est le but :-D (et y répondre quand on sait ou croit savoir aussi) ^^