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 :

Permutation de comportement entre 2 images


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé Avatar de lucky31
    Inscrit en
    Mai 2006
    Messages
    239
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 239
    Par défaut Permutation de comportement entre 2 images
    salut,

    j'ai 2 images A et B mis cote a cote , je veux avoir l'effet suivant quand la souris passe sur l'image A c'est l'image B qui devient sombre ou bien flou et quand je passe sur l'image B c'est maintenant A qui deviendra flou ou ombré.
    j'utilise fireworks, j'ai deja essaye de faire quelques chose avec le mouseover et le mouse out mais j'ai pas reussie a avoir ce que je veux.
    voila merci

  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 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    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 659
    Billets dans le blog
    1
    Par défaut
    un petit exempel d'intercation d'un div à l'autre ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <div id='one' style="background-color:blue;height:200px;width:200px;float:left;" onmouseover="document.getElementById('two').style.backgroundColor='blue'"/>&nbsp;</div>
    <div id='two' style="background-color:red;height:200px;width:200px" onmouseover="document.getElementById('one').style.backgroundColor='red'"/>&nbsp;</div>
    Suffit de lancer une fonction dans le onmouseover qui pointe sur l'autre element .A toi de l'adapter à ton cas .
    pour ce qui est de l'assombrissement va voir dans les contributions il y a un script de fading ...
    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
    Membre confirmé Avatar de lucky31
    Inscrit en
    Mai 2006
    Messages
    239
    Détails du profil
    Informations forums :
    Inscription : Mai 2006
    Messages : 239
    Par défaut
    Merci pour votre reponse , maintenant je vois plus clair

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

Discussions similaires

  1. Différence entre deux images
    Par Mookie dans le forum 2D
    Réponses: 3
    Dernier message: 13/04/2006, 15h46
  2. [PIL] Difference entre deux images
    Par t_om84 dans le forum Calcul scientifique
    Réponses: 4
    Dernier message: 26/12/2005, 12h45
  3. Menu CSS vertical, petit espace entre les images sous IE
    Par Death83 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/10/2005, 09h52
  4. diffirencier entre les images couleurs et les noir et blanc
    Par passion_info dans le forum C++Builder
    Réponses: 3
    Dernier message: 18/05/2005, 14h15
  5. Effet de transition simple entre 2 images
    Par ChrisFAPS dans le forum Flash
    Réponses: 2
    Dernier message: 18/04/2003, 12h41

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