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

Mise en page CSS Discussion :

[CSS] effet survol d'une image


Sujet :

Survol d'un élément en CSS (:hover)

  1. #1
    Membre à l'essai
    Inscrit en
    Mai 2005
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 20
    Points : 19
    Points
    19
    Par défaut [CSS] effet survol d'une image
    Bonjour,

    j'ai 2 images, une en noir et blanc et la même en couleur.

    j'aimerai que l'image en noir et blanc soit affiché et que dès que l'on passe dessus avec le curseur l'image en couleur appraisse, mais commet dois je faire ?

    Merci pour vos réponses

  2. #2
    Nouveau membre du Club
    Inscrit en
    Juillet 2005
    Messages
    35
    Détails du profil
    Informations forums :
    Inscription : Juillet 2005
    Messages : 35
    Points : 28
    Points
    28
    Par défaut
    Faut utiliser un javascript !
    ou alors tu mes tes deux images accolés l'une à l'autre mais tu ne montre que le bas ou le haut. Apres tu decale la photo du bon nombre de px pour voir la 2em partie de ton image dans le

  3. #3
    Membre à l'essai
    Inscrit en
    Mai 2005
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 20
    Points : 19
    Points
    19
    Par défaut
    oki je v regarder du coté javascript alors

    mais il me semblait que en css c'était possible

    encore merci

  4. #4
    Membre confirmé Avatar de Perceval
    Homme Profil pro
    Responsable de projet fonctionnel
    Inscrit en
    Mars 2003
    Messages
    355
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Responsable de projet fonctionnel
    Secteur : Distribution

    Informations forums :
    Inscription : Mars 2003
    Messages : 355
    Points : 464
    Points
    464
    Par défaut
    non, ce n'est pas possible de réaliser cet effet avec seulement du CSS. Il faut passer par du javascript
    Save a tree... Eat a beaver

  5. #5
    Membre actif
    Profil pro
    Inscrit en
    Août 2005
    Messages
    221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 221
    Points : 227
    Points
    227
    Par défaut
    Salut !!

    C'est possible avec le css.

    Exemple de menu avec l'effet que tu désires :

    http://www.cssplay.co.uk/menus/flickerfree_mk3.html
    http://www.cssplay.co.uk/menus/flickerfree.html


  6. #6
    Membre à l'essai
    Inscrit en
    Mai 2005
    Messages
    20
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 20
    Points : 19
    Points
    19
    Par défaut
    merci bcp, c'est exactement ce que je recherchais

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

Discussions similaires

  1. [script.aculo.us] [Débutant] Survol d'une image sans effet -> ?
    Par souffle56 dans le forum Bibliothèques & Frameworks
    Réponses: 5
    Dernier message: 23/04/2010, 23h00
  2. Effet de zoom au survol d'une image
    Par bszakaria dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 27/05/2008, 17h02
  3. problème avec un rollover (effet de survol) sur une image/bouton
    Par f56bre dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/03/2007, 14h10
  4. [CSS]lien survolé sur une image et déclaration doctype
    Par gwendal84 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 10/02/2006, 16h35
  5. affichage d'un calques (?) au survol d'une image.
    Par Space Cowboy dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 04/09/2005, 15h38

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