Как увеличить весь div?

Question

Я сейчас дурачусь с функцией на этой странице .

Если вы щелкнете по разделу «кто», div вращается. Я хотел бы, чтобы это увеличило и использовало страницу.

Возможно ли это? Как это можно сделать?

Answer 1

После поворота установите ширину и высоту, равные ширине и высоте страницы.

$('#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());
    }
});

---

Редактировать re: комментарии 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});
    }
});

Если вы измените, скажем, height и width изображения на 100%, вам нужно только изменить размер div, и изображение должно масштабироваться вместе с ним.

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