Comment zoomer et de dézoomer l'image à l'aide de jquery?

J'ai code suivant

<div class="c1">
    <div class="d1">
         <img />
         <img />
         <img />
    </div>
</div>

1.Il y a des images GIF inclus dans l'étiquette. Ces images sont transparentes et une partie d'entre eux sont mis en évidence avec transparent jaune patch.
2. classe css est appliqué à l'intérieur de la div de classe et il y a un fond d'image de type jpeg est affectée à l'intérieur de la div de classe avec l'aide de la classe css.
3. L'extérieur div est faite de défilement à l'aide de la classe css appliqué.

Je veux faire un zoom avant ou arrière sur l'image de l'image à l'intérieur de la div avec l'aide de jquery.

est-il donc possible de zoomer et de dézoomer l'image avec l'aide de jquery?
qu'est-ce que le simple code pour cela?

attente de vos réponses les amis!

Merci!

OriginalL'auteur Param-Ganak | 2010-02-05

  1. 1

    Origines ne peuvent pas être mis à l'échelle, seulement <img> les étiquettes.

    Vous pourriez mettre une image dans un div, où la div a overflow:hidden;, puis à l'échelle de l'image.

    Vous pouvez voir un exemple ici:
    http://jsbin.com/ozugi3/2

    http://jsbin.com/ozugi3/2/edit

    OriginalL'auteur はると

  2. 0

    La Kabbar Image Zoomer permettent de résoudre votre problème:
    http://www.ideabonus.com/Kabbar/index.html

    OriginalL'auteur prince

  3. 0
        ****here is the script****
       <script src="Script/jquery-1.7.1.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(document).ready(function () {
            $('#Img1, #Img2, #Img3').mouseover(function () {
                $(this).animate({ width: "122px", height: "110px" }, 100);
            });
            $('#Img1, #Img2, #Img3').mouseout(function () {
                $(this).animate({ width: "118px", height: "106px" }, 100);
            });
        });
      </script>
**Aspx code**
<img src="Images/home.jpg" id="Img1" width="118" height="106" border="0">
<img src="Images/machine.jpg" id="Img2" width="118" height="106" border="0">
<img src="Images/title_Mixie.jpg" id="Img3" width="118" height="106" border="0">

    OriginalL'auteur SHAURAJ SINGH

  4. 0

    Essayer cette lien .Image zoom fonctionne assez bien avec ce code.

    OriginalL'auteur kk1076