如何缩放整个div?

时间:2011-03-07 16:29:16

标签: jquery zoom rotation

我现在正在this page上使用某个功能。

如果单击div旋转的“who”部分。我想要它来缩放和使用页面。

这可能吗?怎么办呢?

1 个答案:

答案 0 :(得分:4)

旋转后,将其宽度和高度设置为页面的宽度和高度。

$('#who').rotate({
    angle:-90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }], // remove the trailing comma here
    callback: function (){
        var $window = $(window);
        $(this).height($window.height()).width($window.width());
    }
});

编辑重新:OP的评论

$('#who').rotate({
    angle: -90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }],
    callback: function (){
        $(this).width(800).height(600);
    }
});

请参阅.height().width()


编辑#2

使用当前的CSS,您需要缩放img

$('#who').rotate({
    angle: -90,
    bind: [{
        click: function(){
            $(this).rotateAnimation(0);
        }
    }],
    callback: function (){
        $('#who > img').animate({height: 600, width: 800});
    }
});

如果您将图片的heightwidth更改为100%,那么您只需更改div的尺寸,图片就会缩小它

$('#who').animate({height: 600, width: 800});