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

Problème galerie d'images Javascript

Residevilrevel
Residevilrevel
Niveau 10
15 février 2014 à 20:50:28

Bonjour, j'ai un problème avec mon code Javascript.

Ce que je tente de faire, c'est d'afficher aléatoirement une de mes images sur la page quand on glisse la souris sur ou en dehors de l'image sur la page Web.

Mon HTML donne ça :d)

<img src="img/im0.jpg" onmouseover= "RandomImage();" onmouseout="RandomImage();"/>

Et voilà ce que j'ai écris en Javascript :d)

function RandomImage(){
var Uneimage=new Array()
Uneimage[1]="img/im0.jpg"
Uneimage[2]="img/im1.jpg"
Uneimage[3]="img/im2.jpg"
Uneimage[4]="img/im3.jpg"
Uneimage[5]="img/im4.jpg"
Uneimage[6]="img/im5.jpg"
Uneimage[7]="img/im6.jpg"
Uneimage[8]="img/im7.jpg"
Uneimage[9]="img/im8.jpg"
Uneimage[10]="img/im9.jpg"
var TrouveImage=Math.floor(Math.random()*Uneimage.leng
th)

if (TrouveImage==0)
TrouveImage=1

document.write('<img src="'+Uneimage[TrouveImage]+'">')
}

Ça marche a peu près correctement... mais le problème, c'est que ça ouvre une nouvelle fenêtre quand on glisse la souris sur la première image, alors, que je voudrais que tout se passe dans la même fenêtre.

Serait-il possible de faire ça dans la même fenêtre et de faire en sorte que l'image change à chaque fois que la souris glisse sur l'image et en dehors de l'image ?

Merci :)

Schiffer
Schiffer
Niveau 10
15 février 2014 à 23:13:03

Ajoute un id à ton <img> ensuite dans ta fonction randomImage tu remplaces document.write par
document.getElementById("idDeTonIMG").src = Uneimage[TrouveImage];

Residevilrevel
Residevilrevel
Niveau 10
16 février 2014 à 03:13:05

Merci ça fonctionne parfaitement maintenant.

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