クリックしたときにiFrameを最大化する方法

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