UNE AMINATION AVEC AFFICHAGE D'UN SÉQUENCE D'IMAGES, UNE PAR UNE

cs_pouicpouic Messages postés 2 Date d'inscription vendredi 27 février 2004 Statut Membre Dernière intervention 27 février 2004 - 27 févr. 2004 à 11:31
aoki77 Messages postés 1 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 19 février 2011 - 19 févr. 2011 à 01:32
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/19462-une-amination-avec-affichage-d-un-sequence-d-images-une-par-une

aoki77 Messages postés 1 Date d'inscription mercredi 16 février 2011 Statut Membre Dernière intervention 19 février 2011
19 févr. 2011 à 01:32
Bonjour et merci pour ce code !

je voudrais savoir si il serait possible d'afficher ces images aléatoirement ?
sartoz Messages postés 27 Date d'inscription vendredi 15 octobre 2010 Statut Membre Dernière intervention 12 août 2012
12 janv. 2011 à 20:34
super code merci
xmO77 Messages postés 3 Date d'inscription mercredi 17 février 2010 Statut Membre Dernière intervention 17 février 2010
17 févr. 2010 à 11:52
Bonjour je suis sous firefox, et je n'arriv pas O_o

Dsl de relancer un sujet si vieux mais je débute et je voudrais bien connaître le html et javascript, pour peut etre un jour en faire mwa meme =)))

le code que j'ai ==

--------------------------

#
# <script type="text/javascript">
# var b = new Array();
# b[0] = new Image(); b[0].src = "http://blogue.biotope.ca/wp-images/google-chrome-logo.png";
# b[1] = new Image(); b[1].src = "http://www.informanews.net/imagenews/panasonicTV_Google.jpg";
# b[2] = new Image(); b[2].src = "http://www.onlineradio.fr/wp-content/uploads/2009/09/google.jpg";
# b[3] = new Image(); b[3].src = "http://www.abondance.com/Bin/google-dollars.jpg";
# b[4] = new Image(); b[4].src = "http://blogs.lexpress.fr/e-veille-marketing/google_youtube_400q.jpg";
# b[5] = new Image(); b[5].src = "http://businessenligne.files.wordpress.com/2009/04/google1.jpg";
# b[6] = new Image(); b[6].src = "http://www.geoinweb.com/wp-content/uploads/2007/WindowsLiveWriter3/ExclusifGoogleLocationGooglepeutvousgolo_CB94/google_watching_you_independent_newspaper_24_may_20071.png";
# b[7] = new Image(); b[7].src = "http://www.seopob.com/img/logo-google-chrome.jpg";
# b[8] = new Image(); b[8].src = "http://www.alpha-geek.fr/public/eau_de_toilette_google_2.jpg";
# b[9] = new Image(); b[9].src = "http://innovationweb.branchez-vous.com/upload/2007/06/google-street-view.jpg";
# var i = 0;

# function Animation()
# {
# if(i > 9) i = 0;
# document.images[0].src = b[i].src;
# i = i + 1;
# window.setTimeout("Animation()",2000);
# }
# window.setTimeout("Animation()",2000);
# </script>

-------------------------

merci a tous...

xmO
jr5818 Messages postés 5 Date d'inscription jeudi 27 mars 2008 Statut Membre Dernière intervention 1 juillet 2008
26 juin 2008 à 15:43
Bonjour, très bien ce site mais comment faire pour que les images s'affichent aléatoirement ?
merci pour qui aura la réponse.
à bientôt
Papoux123 Messages postés 274 Date d'inscription jeudi 22 novembre 2007 Statut Membre Dernière intervention 14 avril 2016 3
17 déc. 2007 à 21:22
Bonjour. Je ne comprend pas trop le prioncipe de mettre les images dans le même répertoire que votre HTML? est-il possible d'avoir plus d'informations svp?

Merci

Jacques
chak63000 Messages postés 1 Date d'inscription vendredi 13 avril 2007 Statut Membre Dernière intervention 15 avril 2007
15 avril 2007 à 23:10
Merci pour le script ... au juste, pour éviter le probleme de "document.images[0].src", parce qu'on ne sait jamais quel est le numéro de la photo cible, on peut aussi
nommer l'image avec


et remplacer
document.images[0].src = b[i].src;
par
document.images["toto"].src = b[i].src;
nstubi Messages postés 1 Date d'inscription dimanche 18 janvier 2004 Statut Membre Dernière intervention 19 novembre 2005
19 nov. 2005 à 17:37
Hello,

Super ce petit script!

Toutefois, selon le navigateur (et plus précisément les paramètres de sécurité de celui-ci) du client, il faut autoriser le contenu actif. L'animation est alors désactivée...

Y-a-t'il un moyen de contourner ce problème?
jakinito666 Messages postés 1 Date d'inscription mercredi 30 mars 2005 Statut Membre Dernière intervention 18 avril 2005
18 avril 2005 à 18:11
dans document.images[0].src

le image 0 correspond a la premiere photo dans le code html
cs_pouicpouic Messages postés 2 Date d'inscription vendredi 27 février 2004 Statut Membre Dernière intervention 27 février 2004
27 févr. 2004 à 11:31
Je débute en javascript.
Le code marche très bien mais quand je l'insère dans une page html contenant d'autres images (avant celle que je veux animer), l'animation se met par défaut sur la première ! (ici le haut de mon cadre !) Je n'arrive pas à "l'ancrer" sur une image en particulier au milieu de ma page.
Si quelqu'un a la solution, ca m'intéresse !
Rejoignez-nous