[HTML] Image qui grandit

Résolu
Bonjour,
j'aimerai savoir s'il existe un code HTML qui permet d'agrandir une image lorsque l'on passe le curseur de la souris dessus .
je m'explique avec un exemple :

j'ai mon image qui fait 200px de largeur et 800 px de hauteur . lorsque je la met sur mon site , je veut qu'elle apparaisse en 100 px de largeur sur 400 px de hauteur , mais quand je passe le curseur de la souris , une "bulle" s'ouvre avec mon image avec les dimension réelles ( c'est à dire 200 px sur 800 px . )

Celà existe t-il ?

merci d'avance :)

10 réponses

  1. je trouve pas le lightbox.css il ni a que le Lightbox JS
    regarde mon site je fait des essais www.fanatic2000.net
    dit moi comment je doit faire alord
    merci d'avance
    1
    1. Je relance le sujet avec un peu d'éspoir ... :)
      0
      1. Contributeur
        En cherchant un peu, au choix :
        Lightbox
        Slimbox
        ThickBox

        Sinon, plus simple : “zoom sur image”.

        Comme tu pourras le constater, de toute façon, HTML ne suffit pas.

        --
        0
        1. salut a tous il ni a pas un programme comme par ex:lightbox en francais merci d'avence
          parceque en englais je rame
          0
          1. Contributeur
            Bonjour,

            Tu n'es pas curieux. Ou alors tu ne connais pas les moteurs de recherche.
            Parce que cherche Lightbox trouve différentes choses.
            Dont le 1er lien en français.

            ++
            Si tu ne donnes pas de nouvelles aux réponses qu"on te fait, nous risquons de ne plus te répondre…

            Il existe des outils pour traduire les pages web.
            Par exemple Translate a Web Page.

            --
            0
        2. Bonjours un grand merci pour le Lightbox JS sa fonctionne niquel
          J’ai une question, quand la grande image viens je voudrais que l’arrière soit plus foncer ou plus flou pour que la photo ressorte dit moi quelle ligne que je doit changer dans le Lightbox JS
          Merci d’avance
          0
          1. Contributeur
            La version dont je dispose est la 2.0.

            Dans son dossier se trouve un sous dossier “css”.
            Dans ce sous-dossier un élément, une feuille de styles, “lightbox.css”.
            Dans cette feuille de styles, on peut lire
            #outerImageContainer{
              position: relative;
              background-color: #fff;
              width: 250px;
              height: 250px;
              margin: 0 auto;
              }
            La couleur d'arrière-plan est définie par
              background-color: #fff;  /* ici, c'est du blanc  */
            Change ce nombre pour changer la couleur de la zone où s'affiche l'image.

            ++
            Des couleurs.

            --
            0
            1. Contributeur
              Bonjour,

              Quelque chose comme ça ?

              --
              -1
              1. Bonjour,
                tout dabors merci de ta réponse :)
                Mais ce n'est pas ça que je souhaite . j'ai regardé un peut sur le net , et c'est quelque chose comme sa que je veux :

                https://www.deviantart.com/ramy/art/White-Angel-71148639

                cliquez sur l'image , et vous verez qu'elle s'agrandit à sa taille réel . ;)

                merci encore
                0