Как я могу максимизировать iFrame с JQuery при нажатии - PullRequest
Новая
       2

Как я могу максимизировать iFrame с JQuery при нажатии

0 голосов
/ 28 декабря 2010

Может кто-нибудь сказать мне, как я могу максимизировать iFrame, когда щелкает Div, который имеет iFrame?Скажем, например, у меня есть 3 div, в которых есть 3 разных iFrame на одной странице, и теперь, если кто-то нажмет на 1-й div, я хочу максимизировать этот Div на всю страницу браузера, отображающую содержимое этого div.Также в верхней части окна будет отображаться опция закрытия, которая при нажатии закрывает полноэкранный режим и возвращает обратно к оригиналу.Могу ли я сделать это с JQuery?или любая другая библиотека javascript ??

Пожалуйста, помогите мне.

Спасибо Pranay

1 Ответ

3 голосов
/ 28 декабря 2010 
$("div.iframewrapper").click(function() {
    $(this).addClass("maximized");
});

div.maximized { position:fixed; top:0; left:0; width:100%; height:100%; }
div.maximized iframe { width:100%; height:100%; border:0 none; }

Вам также может понадобиться установить z-index, если вы получили другой позиционированный контент на странице.

Рабочая демонстрация: http://jsfiddle.net/6SvsX/2

...