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

[Javascript] Faire un rollover

News jeu

Expeditions: Samurai veut révolutionner le RPG tactique avec une aventure entièrement jouable en coop

Voir
darklink-_
darklink-_
Niveau 8
24 juin 2006 à 19:39:42

Un rollover consiste à afficher une image et au passage de la souris en afficher une autre !

Voici un exemple sur mon blog pour vous montrer:
http://darklink-.blog.jeuxvideo.com/Sortie-de-la-DS-Lite-----23062006-190921.php

Donc voici le script :

<body>
<img name="Img_1" src="url de votre 1ere image" onMouseOver="this.src=´url de votre 2eme image´;" onMouseOut="this.src=´url de votre 1ere image´;">
</body>

C´est sympa et en plus ça économise de la place.
Si vous avez besoin d´aide je suis là !

darklink-_
darklink-_
Niveau 8
24 juin 2006 à 21:50:17

Pour rajouter un lien (utile pour faire des bannière annimée !) :

<body>
<a target=_blank href="Url d´où doit mener l´image"><img name="Img_1" src="url de votre 1ere image" onMouseOver="this.src=´url de votre 2eme image´;" onMouseOut="this.src=´url de votre 1ere image´;"> </a>
</body>

:-)))

DRwaluigi
DRwaluigi
Niveau 7
25 juin 2006 à 18:06:18

C´est super Mais on peut aussi faire un gif...

darklink-_
darklink-_
Niveau 8
25 juin 2006 à 19:32:30

Oui bien sûr :-)))
Mais c´est plus attirant que l´image change au passage de la souris !
imagine une bannière:
T´aura plus de clique qu´un simple gif !
Les gars qui visitent la page et voit une bannière ce modifier au passage de la souris cliquerons par curiosité !

DRwaluigi
DRwaluigi
Niveau 7
27 juin 2006 à 20:07:56

Est-ce que l´on peut mettre un GIF?
Parce que si non je mets, pour faire tomber Jeremy mettez votre souris sur l´image! Ca serait marrant!

shiba-inu
shiba-inu
Niveau 10
28 juin 2006 à 08:30:36

c´est super ce truc :-d je vais l´essayer des que possible :)
mais y aurait il une possibilite pour mettre plus de deux images ?

DRwaluigi
DRwaluigi
Niveau 7
28 juin 2006 à 08:47:00

Non, je ne pense pas... Il faudrait attendre la éponse de DL-_ ... Et pour votre information les gifs marchent mais si ils sont animés vous ne verrez que la première image de CHAQUE GIFS.

rider3
rider3
Niveau 15
28 juin 2006 à 18:16:37

Comment ta fait pour que dés que tu ouvre le blog il est une petite mélodie :question:

rider3
rider3
Niveau 15
28 juin 2006 à 19:14:17

Alors voilà comment j´ ai fait et sa me met "erreur sur la page"
<body> <img name="Img_1" src="D:\Documents and Settings\Rodolphe\Mes documents\Mes images\dslite_rose_04.jpg" onMouseOver="this.src=´D:\Documents and Settings\Rodolphe\Mes documents\Mes images\dslite_rose_05.jpg´;" onMouseOut="this.src=´D:\Documents and Settings\Rodolphe\Mes documents\Mes images\dslite_rose_04.jpg´;"></body>

:d) c pas comme sa qu´ il faut faire, ou il faut prendre dirctement sur internet :question:

darklink-_
darklink-_
Niveau 8
28 juin 2006 à 21:15:19

Il faut prendre directement sur Internet ^^
Pour héberger, image shack :-)))

autrement, il existe un code pour mettre plusieurs images en Rollover mais il faut que je le test pour voir si il marche sur les blog JV.com (car la moitié des Javascripts bug ou ne fonctionnent pas)

rider3
rider3
Niveau 15
29 juin 2006 à 11:08:58

ok alors j´ ai essayé et sa marche pas voilà se que j´ ai fait:
<body><img name="Img_1"
src="
http://www.netzeitung.de/img/0062/195862-1.jp
g"
onMouseOver="this.src=´
http://gfx.dagbladet.no/pub
/artikkel/4/46/469/469448/ds_lite_858.jpg´;"
onMouseOut="this.src=´
http://www.netzeitung.de/img
/0062/195862-1.jpg´;"></body>

rider3
rider3
Niveau 15
29 juin 2006 à 11:09:32

A oui comment tu fait pour mettre la voix de yoshi???

sherlock-shiba
sherlock-shiba
Niveau 4
30 juin 2006 à 10:59:45

j´ai eu un petit probleme avec le rollover
j´ai essaye mais l´image change pas bizzare non ?
il faut rentrer le code dans le deuxieme editeur ou juste activer l´html ?
http://shiba-inu.blog.jeuxvideo.com/banniere-2-28062006-180644.php
la banniere qui marche pas :(

darklink-_
darklink-_
Niveau 8
03 juillet 2006 à 15:21:20

Hum ... ça déconne en effet ... Passe moi les 2s images et je te fait le script

Pour l´éditeur, je ne sais pas dsl

Sous forums
  • Gestion des forums sans modérateurs
  • Sondages
  • Suggestions jeuxvideo.com
  • Boutique jeuxvideo.com
  • Demandes d'élections