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

Question

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

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

Благодаря Pranay

Answer 1

$("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