Comment faire pour effectuer un zoom div contenu à l'aide de jquery?

J'ai un parent <div>. À l'intérieur, que je place un peu de texte et d'images. Maintenant, j'ai besoin de zoomer sur une portion particulière de ce parent <div>. Est-il possible?

pourriez-vous fournir des jsfiddle lien.
connexes/dupliquer: JavaScript Zoom ensemble Div>, Comment faire pour effectuer un zoom sur une div en entier?
voir ce violon jsfiddle.net/D7cn8
c'est généralement pas résoluble, imaginez que vous devez photos dans votre div, chacun prenant 50% de largeur, qu'attendez-vous pour arriver sur le zoom?
Ooooh, voir mon VIOLON trop !!
comment vous voulez agrandir cette partie précise la souris passe dessus ou cliquer sur un bouton de zoom ou au chargement de la page?

InformationsquelleAutor KarSho | 2012-12-18

Si vous voulez cette image pour faire un zoom sur la souris hover :

$(document).ready( function() {
$('#div img').hover(
    function() {
        $(this).animate({ 'zoom': 1.2 }, 400);
    },
    function() {
        $(this).animate({ 'zoom': 1 }, 400);
    });
});

ou vous pouvez faire comme si de zoomer et de dézoomer boutons sont utilisés :

$("#ZoomIn").click(ZoomIn());

$("#ZoomOut").click(ZoomOut());

function ZoomIn (event) {

    $("#div img").width(
        $("#div img").width() * 1.2
    );

    $("#div img").height(
        $("#div img").height() * 1.2
    );
},

function  ZoomOut (event) {

    $("#div img").width(
        $("#imgDtls").width() * 0.5
    );

    $("#div img").height(
        $("#div img").height() * 0.5
    );
}

La question était sur une div, pas un droit à l'image? cela ne marchera pas
il fonctionne si vous mettez un peu d'effort et de les adapter à votre cas.
si vous voulez que avec un div, vous pouvez modifier le code et essayer de travaux code ci-dessus est pour un zoom de l'image dans la div
zoom n'est pas pris en charge sur Firefox.

InformationsquelleAutor Gadde

@Gadde - votre réponse a été très utile. Merci!!!! J'avais besoin d'un "Cartes", comme le zoom pour un div et a été en mesure de produire la sensation j'ai besoin de votre poste. Mes critères figurent la nécessité d'avoir le déclic de répétition et de continuer à réduire/agrandir à chaque clic. Ci-dessous mon résultat final.

    var currentZoom = 1.0;

    $(document).ready(function () {
        $('#btn_ZoomIn').click(
            function () {
                $('#divName').animate({ 'zoom': currentZoom += .1 }, 'slow');
            })
        $('#btn_ZoomOut').click(
            function () {
                $('#divName').animate({ 'zoom': currentZoom -= .1 }, 'slow');
            })
        $('#btn_ZoomReset').click(
            function () {
                currentZoom = 1.0
                $('#divName').animate({ 'zoom': 1 }, 'slow');
            })
    });

InformationsquelleAutor ter24

5
```
 $('image').animate({ 'zoom': 1}, 400);
```
InformationsquelleAutor
0

Utilisé zoom-master/jquery.zoom.js. Le zoom de l'image a parfaitement fonctionné. Voici un lien vers la page.
http://www.jacklmoore.com/zoom/
```
 <script>
    $(document).ready(function(){
        $('#ex1').zoom();

    });
</script>
```
InformationsquelleAutor N Czar

Vous devez vous connecter pour publier un commentaire.