CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[html/js ?] animer/déplacer une image

Cenobyte39
Cenobyte39
Niveau 10
13 avril 2012 à 18:14:43

Bonjour à tous,

Voilà, ça peut paraitre bizarre, mais j'aimerais savoir comment faire se déplacer en boucle des images partant de la droite de l'écran, vers la gauche (puis réapparaissant ensuite par la droite, ...), un peu comme la balise <marquee> en HTML.

Mon objectif serait d'animé ainsi on va dire des images. (les faire traversé l'écran, réapparaitre ensuite et retraversé l'écran, à l'infini).

Le problème est qu'avec la balise marquee, déjà c'est pas trop conforme cette balise... Et qu'ensuite, toute les images partent en même temps, alors que je voudrais pouvoir établir un "timer" (décalage de quelques secondes avant le départ de certaines).

je ne suis pas franchement doué en javascript et je préfèrerais du HTML5 avec canvas, mais si vous avez un code à proposé (en javascript ou en HTML5), je prend :)

Merci d'avance :))

vava740
vava740
Niveau 10
13 avril 2012 à 19:36:23

Toi, tu vas m'expliquer comment tu manipule un canvas sans JavaScript :bave: :hpa:

vava740
vava740
Niveau 10
13 avril 2012 à 19:36:37

:hap: *

Mistick
Mistick
Niveau 6
13 avril 2012 à 20:49:13

Javascript obligé ! :)

Pseudo supprimé
Pseudo supprimé 13 avril 2012 à 21:42:15

Ou un peu de CSS. (mais bon...)
http://jsfiddle.net/hBSRQ/4/

Cenobyte39
Cenobyte39
Niveau 10
13 avril 2012 à 22:27:30

Merci, parfait :)

(nan mais je sais qu'il faut généralement utilisé du js avec un canvas, mais j'entendais par là, pas que du javascript tout court...), mais bon, le liens de Awesome_Guiber me convient parfaitement :oui: )

Merci encore :)

Mistick
Mistick
Niveau 6
13 avril 2012 à 22:35:10

Je n'ai pas compris le lien de Awesome :hap:

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment