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

JavaScript Discussion :

Image qui change au survole d'une aire


Sujet :

JavaScript

  1. #1
    Membre régulier Avatar de dark_vidor
    Homme Profil pro
    Élève
    Inscrit en
    Janvier 2005
    Messages
    321
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Élève

    Informations forums :
    Inscription : Janvier 2005
    Messages : 321
    Points : 118
    Points
    118
    Par défaut Image qui change au survole d'une aire
    Bonjour à tous,

    Je souhaiterais réalisé un changement d'image au survol d'une certaine zone définie :

    Zone de survol définie ou je veux que mon image change : La pointe indiquant le Nord
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <map name="kompass">
      <area shape="poly" coords="57,0,49,25,65,25" href="<? echo basename(__FILE__); ?>?direction=N" onMouseOver="i.src='img/kompass/kompass_hover-N.gif'" onMouseOut="i.src='img/kompass/kompass.gif'">
    </map>
    je veux quelle se change en :



    entre <head></head> j'ai mis ce script :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <script language="JavaScript" type="text/javascript">
    if(document.images)
    {
    	i = new Image;
    }
    </script>
    Je n'est aucune erreur dans la console JS de mozilla mais pour autant ça ne fonctionne pas alors je me demande si :
    - s'est possible ?
    - comment faire autrement sans prise de tête ? (si vous avez des idées )
    - si mon Js est complet, car il est valide mais peut etre qu'il manque quelque chose ..?

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <map name="kompass">
       <area shape="poly" coords="57,0,49,25,65,25" href="tonlien?direction=N" onmouseover="document.getElementById('iddetonimage').src='img/kompass/kompass_hover-N.gif'" onmouseout="document.getElementById('iddetonimage').src='img/kompass/kompass.gif'">
    </map>

  3. #3
    Membre régulier Avatar de dark_vidor
    Homme Profil pro
    Élève
    Inscrit en
    Janvier 2005
    Messages
    321
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Élève

    Informations forums :
    Inscription : Janvier 2005
    Messages : 321
    Points : 118
    Points
    118
    Par défaut
    impecable merci bien

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. design : menu en image qui change au survol => Besoin d'aide !
    Par Alex-04 dans le forum Webdesign & Ergonomie
    Réponses: 3
    Dernier message: 04/11/2008, 21h17
  2. choix d'un radioboutton qui change les valeurs d'une comboBox
    Par poussin_44 dans le forum Windows Forms
    Réponses: 3
    Dernier message: 04/07/2007, 09h10
  3. Réponses: 1
    Dernier message: 23/04/2007, 13h22
  4. creer une image pop-up au survol d'une autre
    Par finalfx dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 21/12/2006, 08h58
  5. Image qui change lorsqu'on clique
    Par marsupilami34 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 05/08/2005, 17h28

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