IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Image survolée sur zone réactive [Débutant(e)]


Sujet :

HTML

  1. #1
    Membre actif
    Profil pro
    Inscrit en
    Octobre 2010
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2010
    Messages : 19
    Par défaut Image survolée sur zone réactive
    Bonjour à tous,
    est-il possible de charger une image au passage de la souris sur une zone réactive? Je suis débutante en Html... Merci de votre indulgence

    D'avance merci,
    Vanessa.

  2. #2
    Membre averti Avatar de Thibault92
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2011
    Messages : 45
    Par défaut
    Essaye ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="image1.png" name="image" onmouseover="image.src='image2.png'" onmouseout="image.src='image1.png'" onmousedown="image.src='image3.png'"/>
    image1 : normale
    image2 : survolée
    image3 : enfoncée

  3. #3
    Membre averti Avatar de Thibault92
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2011
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2011
    Messages : 45
    Par défaut
    Pour être plus précis : tu as ta zone réactive, par exemple une <div>. Et dans la balise, tu lui passes onmouseover="image.src='image.png'".

    "image.png" = lien de l'image que tu veux afficher.

    Ce qui te donne donc :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <div onmouseover="image.src='image.png'">

Discussions similaires

  1. Lightbox V2.04 sur zone réactive
    Par pasc06 dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 08/03/2011, 15h20
  2. Ouvrir des images avec des zones réactives
    Par filtep dans le forum Général JavaScript
    Réponses: 20
    Dernier message: 24/01/2010, 11h03
  3. Pop up sur zone réactive
    Par ludopene dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 17/02/2009, 00h39
  4. Image qui grossit/zone réactive
    Par minimouse dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 24/04/2007, 16h54
  5. zones réactives sur image de fond
    Par epona1 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 16/07/2006, 14h37

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo