changer image au survol
Répondre à la discussion
Affichage des résultats 1 à 15 sur 15

changer image au survol



  1. 01/10/2008, 19h36 #1
    invite6749c27d

    changer image au survol


    ------

    Bonjour,
    j'ai fait des boutons: un normal, non survolé, et l'autre d'une autre couleur, survolé.
    Je n'arrive pas à faire en sorte de changer d'image au survol et que cette image survolée renvoie à un fichier html.

    j'ai fait cela, mais je pense que c'est mieux avec des a:hover

    <img src="images2/bouton1.png" onmouseover="this.src='images2/bouton2.png';" onmouseout="this.src='images2/bouton1.png';" />

    comment faire pour que lorsqu'on survole le bouton 1 qui se change donc en bouton 2 on puisse clqiuer dessus pour aller à une autre page html?


    merci d'avance!

    -----
  2. 01/10/2008, 20h25 #2
    invite6749c27d

    Re : changer image au survol

    comment faire pour que le bouton 2 soit cliquable?
  3. 03/10/2008, 19h09 #3
    invite6749c27d

    Re : changer image au survol

    aidez moi s'il vous plaît!
  4. 03/10/2008, 21h43 #4
    inviteaa28de53

    Wink Re : changer image au survol

    Salut,
    voici une solution :

    Code:
    <a href="lien_vers_ta_page.html"onmouseover="document.ton_image.src='"images/image2.png"';" onmouseout="document.ton_image.src='"images/image1.png"';"title="Lien vers la page : ..."><img src="images/image1.png" name="ton_image" alt="titre de ton image"/></a>
.
    Essaye cette solution...

    Au plaisir.
    Dernière modification par JPL ; 04/10/2008 à 00h18.
  5. Aujourd'hui
    A voir en vidéo sur Futura
  6. 06/10/2008, 09h40 #5
    invite6749c27d

    Re : changer image au survol

    merci beaucoup quand même: l'image ne se change pas.
    je ne pense pas que ce soit trop grave mais je n'arrive pas à la faire changer..
  7. 07/10/2008, 00h18 #6
    invitea15164c3

    Re : changer image au survol

    salut

    Quelle application utilises tu déjà ?

    bye
  8. 07/10/2008, 07h54 #7
    invite6749c27d

    Re : changer image au survol

    internet exploreur
    en fait il y a bien un lien sur l'image mais elle ne changepas
    et avec des a:hover?
  9. 08/10/2008, 09h01 #8
    invite6749c27d

    Re : changer image au survol

    personne ne peut m'aider?
    envoyez moi le css et le html avec bouton 1 et 2 et cliquable svp
    merci
  10. 08/10/2008, 10h05 #9
    invite76ab959b

    Re : changer image au survol

    si j'ai bien compris: t'as un bouton1 qui est survolable,
    au survol il devient bouton2 cliquable.
    les 2 boutons se présentent en forme d'image - il y a pas de texte
    au click s'affiche une page.
    je vais voir se que je peux faire, mais confirme si j'ai bien compris....
  11. 08/10/2008, 11h44 #10
    yoda1234

    Re : changer image au survol

    Bonjour,

    c'est ça que tu veux? http://cerig.efpg.inpg.fr/dossier/fe...yle/page12.htm
    Une simple recherche a suffit....
    Là où l'ignorance est un bienfait, c'est de la folie d'être sage (Thomas Gray).
  12. 08/10/2008, 16h29 #11
    invite6749c27d

    Re : changer image au survol

    merci beaucoup, c'est parfait!!!
    j'avais recherché opendant pas mal de temps, masi certainement pas avec les bons mots...
    je fais toujours une longue recherche avant de poster!
  13. 08/10/2008, 17h09 #12
    yoda1234

    Re : changer image au survol

    Les mots était "survol bouton", ce qui donne ça: http://www.google.fr/search?hl=fr&cl...chercher&meta=
    Ensuite j'ai cherché ce qui correspondait le plus à ta demande, donc le troisième lien.
    J'aurais pu aussi entrer"Rollover" ce qui m'aurait donné sans doute d'autres résultat aussi probant.
    Là où l'ignorance est un bienfait, c'est de la folie d'être sage (Thomas Gray).
  14. 08/10/2008, 21h02 #13
    invite6749c27d

    Re : changer image au survol

    merci beaucoup
    je devrais améliorer mes méthodes de recherche!
  15. 10/10/2008, 19h02 #14
    invite6749c27d

    Re : changer image au survol

    ca ne marche pas, e n'y arrive pas!
    voici mon code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
    <head>
    <title>Mon super site</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="mouche.css" />

    </head>


    <a href="lien_vers_ta_page.html"o nmouseover="document.ton_image .src='"images2/btn2.png"';" onmouseout="document.ton_image .src='"images2/btn1.png"';"title="Lien vers la page : ...">
    <img src="images2/btn1.png" name="ton_image" alt="titre de ton image"/> </a>



    <p>
    </p>



    <p>
    </p>
    <img src="images2/truc1.png" onmouseover="this.src='images2/truc2.png';" onmouseout="this.src='images2/truc1.png';" />
    <p>
    </p>

    le prolème c'est que ca me fait bien un lien, mais si je mais le lien pour une seule image, ca me le fait pour toutes!

    pouvez vous m'aider?
  16. 10/10/2008, 21h17 #15
    invite6749c27d

    Re : changer image au survol

    c'est bon , j'ai réussi
    par contre, mes images ont un problème: elles dépassent toutes vers le bas d'au moins 50 px ce qui fait qu'elles sont très espacées.
    il faudrait que je fasse un margin bottom pour toutes ces images qui sont contenues dans le m^me dossier, mais je ne sais pas comment faire.
    pouvez vous m'aider?

    merci
« Huawei E220 et eeeUbuntu | Utiliser le camera en messenger »

Discussions similaires

  1. Survol du lac Saint-Pierre, Canada
    Par invite62e33a56 dans le forum Environnement, développement durable et écologie
    Réponses: 0
    Dernier message: 26/09/2006, 19h53
Dans la rubrique Tech de Futura, découvrez nos comparatifs produits sur l'informatique et les technologies : imprimantes laser couleur, casques audio, chaises gamer...