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 :

modification image background


Sujet :

JavaScript

Vue hybride

rif15 modification image background 12/04/2008, 20h17
htr999 essaie d'attribuer une classe... 13/04/2008, 09h13
rif15 Merci de ta reponse :) , sa... 16/04/2008, 01h22
rif15 Personne n'a d'idée?? car... 20/04/2008, 23h22
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 47
    Par défaut modification image background
    Bonjour,
    Je suis actuellement confronter a un probléme :s
    Effectivement, j'ai une image qui est en background dans un tableau, est j'aimerais que lorsque la souris passe sur l'image (image vide) présente dans le td, mon background se modifie.

    Plus précisement:
    J'ai un tableau:

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <table>
    <tr>
    <td background="image.gif"> //image de fond qui doit changer
    <img src=vide.gif> //image transparente qui servira de bouton
    </td>
    </tr>
    </table>

    une image:
    new.gif qui doit remplacer image.gif lors du passage de la souris sur vide.gif (qui prend toute la cellule td)
    Voila donc si certain on des idées je prend tout merci a vous

  2. #2
    Membre chevronné Avatar de htr999
    Profil pro
    Étudiant
    Inscrit en
    Février 2008
    Messages
    331
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2008
    Messages : 331
    Par défaut
    essaie d'attribuer une classe à ton TD (img1 par exemple) et d'en changer le nom lors du passage de la souris ...
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    <html>
    <head>
    <style>
    .img1{
    background-image: url(image.gif);
    width: 200px;
    height: 200px;
    }
    .img2{
    background-image: url(vide.gif);
    width: 200px;
    height: 200px;
    }
    </style>
    </head>
     
    <body>
    <table>
    <tr>
    <td class="img1" onmouseOver="this.className='img2';">
    eeeeeee
    </td>
    </tr>
    </table>
    </body>
    </html>

    a+

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 47
    Par défaut
    Merci de ta reponse , sa marche correctement, mais lorsque la souris passe sur la zone en rollover, le symbole de ie clignote/saute dans l'onglet, quelq'un sait de quoi sa vient et comment l'eviter?

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Février 2008
    Messages
    47
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Février 2008
    Messages : 47
    Par défaut
    Personne n'a d'idée?? car l'effet rollover marche correctement, mais le favicon présent dans l'onglet de ie "scintille" :s c'est un peu génant pour donner un aspect pro

    Quelqu'un a une idée, on ma déja proposé un probléme de chargement des images (et j'ai crut ma solution enfin trouvé) mais sa ne semble pas etre sa, j'ai tester en affichant les images en haut du site (pour quel soit déja chargé), et le pb est toujours la :s, sa se reproduit a chaque passage et pas seulement au premiers:s
    je mets le code :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <table>
    <tr>
    <td class="news" onmouseOut="this.className='news';" onmouseOver="this.className='news1';" colspan=2 width="118" height="34">
    </td>
    </tr>
    </table>

    css:
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    .news{
    background-image: url(design/2/news1.png);
    width: 118px;
    height: 34px;
    }
    .news1{
    background-image: url(design/2/news2.png);
    width: 118px;
    height: 34px;
    }

    je suis preneur de toutes solution

Discussions similaires

  1. Aligner une image background à droite
    Par Xeron dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/06/2008, 01h31
  2. Changer l'image background du tag <td>
    Par H-bil dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 16/09/2006, 16h01
  3. images background dans un TD
    Par zulot dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 09/11/2005, 12h03
  4. afficher les images background
    Par DELYMED2 dans le forum ASP
    Réponses: 2
    Dernier message: 17/10/2005, 09h09
  5. [DEBUTANT][Javascript + CSS]Modification du background
    Par picomz dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/09/2005, 22h32

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