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 :

Agrandir une image au passage de la souris


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut Agrandir une image au passage de la souris
    Salut ,

    je vaux faire apparaitre une image miniature en plus grand lorsque nous la survolons de la souris, et de masquer l’agrandissement lorsque la souris sort de l’image.

    Merci pour l'aide.

  2. #2
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Tu as déjà quelque chose ? ^^

    Un début de code ?
    Une première recherche sur le web ? (genre sur des mots-clefs comme "diaporama", "vignettes", "zoomer sur une image", voire même "lightbox")
    Un exemple du rendu final souhaité (vu ailleurs par exemple) ?

  3. #3
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut
    Citation Envoyé par RomainVALERI Voir le message
    Tu as déjà quelque chose ? ^^

    Un début de code ?
    Une première recherche sur le web ? (genre sur des mots-clefs comme "diaporama", "vignettes", "zoomer sur une image", voire même "lightbox")
    Un exemple du rendu final souhaité (vu ailleurs par exemple) ?

    Merci pour ton reponse j'ai cherche mais rien je vaux faire comme google je peux agrandir image une fois je clique sur l'image une page s'affiche Exemple

  4. #4
    Membre confirmé
    Inscrit en
    Décembre 2010
    Messages
    211
    Détails du profil
    Informations forums :
    Inscription : Décembre 2010
    Messages : 211
    Par défaut
    bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <A HREF="PageX.html" onmouseOver="actif();" onmouseOut="passif();"><IMG SRC="pic1.gif" NAME="bouton1"></A>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <SCRIPT LANGUAGE="Javascript">
      <!-- ;
      function actif(){document.images["bouton1"].src="pic1.actif.gif"};
      function passif(){document.images["bouton1"].src="pic1.gif"};
      // -->
    </SCRIPT>
    cette méthode change carrement d'image, tu peux avoir une image originale et une autre qui est une image zoomée.

  5. #5
    Membre actif
    Inscrit en
    Janvier 2010
    Messages
    75
    Détails du profil
    Informations forums :
    Inscription : Janvier 2010
    Messages : 75
    Par défaut
    Citation Envoyé par AbouZaid Voir le message
    bonjour,

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <A HREF="PageX.html" onmouseOver="actif();" onmouseOut="passif();"><IMG SRC="pic1.gif" NAME="bouton1"></A>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <SCRIPT LANGUAGE="Javascript">
      <!-- ;
      function actif(){document.images["bouton1"].src="pic1.actif.gif"};
      function passif(){document.images["bouton1"].src="pic1.gif"};
      // -->
    </SCRIPT>
    cette méthode change carrement d'image, tu peux avoir une image originale et une autre qui est une image zoomée.
    Merci pour ton reponse tu as utilise 2 images pic1.gif et pic1.actif.gif j'aime utuliser seulement une seul image pic1.gif zoomée come google

  6. #6
    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
    y'a tellement de sources disponibles ...

    perso je passerais par jquery avec un plugin
    comme là par exemple http://www.sohtanaka.com/web-design/...es/image-zoom/
    ou encore http://j-quary.blogspot.com/
    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 !

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

Discussions similaires

  1. Agrandir une image au passage de la souris
    Par cabeedge dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/06/2011, 23h25
  2. Agrandir une image au passage de la souris
    Par petchy dans le forum VB 6 et antérieur
    Réponses: 6
    Dernier message: 01/04/2011, 20h43
  3. Réponses: 7
    Dernier message: 20/09/2010, 11h17
  4. Réponses: 0
    Dernier message: 26/06/2008, 04h15
  5. Agrandir une image au passage de la souris
    Par matika dans le forum C++Builder
    Réponses: 7
    Dernier message: 09/03/2006, 00h10

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