Partage
  • Partager sur Facebook
  • Partager sur Twitter

agrandir image au passage de la souris

Sujet résolu
    11 juillet 2011 à 14:16:59

    Bonjour,

    Depuis hier soir je cherche sur internet pour trouver un script d'agrandissement d'image au passage de la souris.
    Mais je ne trouve pas vraiment ce que je veux :/

    En fait j'ai une image

    <img width="50%" height="50%" src="super-connard.png"/>
    


    et je souhaiterai que au passage de la souris elle s'affiche en taille réel :)

    Dans les script que j'ai trouver aucun ne fait sa o_O


    Merci d'avance :)
    • Partager sur Facebook
    • Partager sur Twitter
      11 juillet 2011 à 14:21:05

      Salut,

      un minimum de recherche te permettrait de trouver la solution (rien qu'en regardant le sommaire du cours JavaScript, tu peux trouver en 5minutes la solution ;) )
      • Partager sur Facebook
      • Partager sur Twitter
        11 juillet 2011 à 16:21:02

        Juste histoire de t'en souffler un peu plus:
        Tu peux utiliser le javascript pour changer des propriétés CSS par exemple... Ou des attributs de tes balises, je suppose, mais le CSS parait tellement plus approprié dans ce cas. :)
        • Partager sur Facebook
        • Partager sur Twitter
          11 juillet 2011 à 20:22:37

          Je ne connais pas le javascript encore :(

          je suppose que sa par de la ? http://www.siteduzero.com/tutoriel-3-3 [...] tml#ss_part_1

          ??
          • Partager sur Facebook
          • Partager sur Twitter
            11 juillet 2011 à 20:40:24

            Oui, ça part de là.
            Maintenant que j'y pense, tu peux aussi utiliser uniquement le CSS, avec la propriété :hover. Par exemple:
            img
            {
               width:50%;
               height:50%;
            }
            img:hover
            {
               width:100%;
               height:100%;
            }
            


            Ton image devrait alors reprendre sa taille normale quand tu passes la souris dessus. Il y a moyen qu'il faille jouer avec les marges si tu veux qu'elle reste centrée...
            • Partager sur Facebook
            • Partager sur Twitter
              11 juillet 2011 à 20:59:36

              Et est-ce que c'est possible de le faire agrandir par dessus ?
              Pour que sa ne deforme pas tout ... (dans un "span" nan??)

              -->EDIT --> J'ia reussis a le faire avec un span :)

              Merci quand même ;)
              • Partager sur Facebook
              • Partager sur Twitter

              agrandir image au passage de la souris

              × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
              × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
              • Editeur
              • Markdown