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 :

ROLLOVER image décalée


Sujet :

JavaScript

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 2
    Points : 1
    Points
    1
    Par défaut ROLLOVER image décalée
    Bonjour tout le monde, je suis nouveau sur ce forum.
    J ai besoin d aide pour une ligne de commande en java, je m' explique:
    J' ai effectué un rollover(jusque là pas de souci) mais j aimerai qu' au passage du curseur sur la première image que celle ci reste apparente et que la seconde apparaisse un peu plus loin sur l'écran.Comment est-ce réalisable??
    Merci d'avance pour vôtre aide.Voilà mes scripts:
    html:`
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="#" onmouseover="bouton.src = '../images/sphere2.png';" onmouseout="bouton.src = '../images/sphere.png';"><img src="../images/sphere.png" border=0 width="50" height="50" name=bouton></a>
    javascript :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    bouton = new Image();
    bouton.src = "../images/sphere2.png";

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 670
    Points
    66 670
    Billets dans le blog
    1
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    doucmentgetElementsByName('bouton')[0].scr....

    mais je conseillerais plutot de passer par un id ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <a href="#" onmouseover="document.getELementById('bouton1').src = '../images/sphere2.png';" onmouseout="document.getELementById('bouton1').src.src = '../images/sphere.png';"><img src="../images/sphere.png" border=0 width="50" height="50" name="bouton" id='bouton1'></a>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 640
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 640
    Points : 66 670
    Points
    66 670
    Billets dans le blog
    1
    Par défaut
    ha heu un peu plus loin ???
    ben mets une balise image un peu plus loin ..
    donne lui un autre id .. mets la en display:none et bascules en display:block ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juillet 2008
    Messages : 2
    Points : 1
    Points
    1
    Par défaut
    donc il faut que je mette 2 balises <id> dans la même ligne de commande pour que la première images reste apparente et que la seconde image apparaisse plus loin pour l'effet roll over...???

Discussions similaires

  1. Image Décalée à gauche
    Par wilddances dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 1
    Dernier message: 19/05/2009, 14h01
  2. Images décalées sous latex
    Par Dine_Med dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 3
    Dernier message: 30/04/2009, 01h21
  3. Image décalée en fonction de la résolution de l'écran
    Par alex_m94 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 12
    Dernier message: 10/12/2008, 15h37
  4. Image décalée d'un pixel selon la longueur de la page
    Par Maitrekou dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 13/10/2008, 10h49
  5. Diaporama : images décalées
    Par niscemie dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 06/10/2008, 16h45

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