Lightbox Evolution - Iframe menggunakan jQuery

Baca Juga

Disini akan dibahas cara menampilkan Iframe menggunakan Jquery Lightbox Evolution, Terlebih dahulu yang mesti kita ketahui adalah:

• Apa itu Iframe? 
• Bagaimana Cara Menerapkan menggunakan Jquery Lightbox Evolution?

Baiklah mari kita membahas mengenai Iframe dan Penerapannya Dalam Jquery Lightbox Evolution!

IFRAME

Iframe adalah sebuah bingkai (frame) untuk menampilkan website lain ke dalam website kita. Contoh Iframe yang sering anda temui adalah Video Youtube. Contoh script dasar Iframe seperti dibawah ini

<iframe src="http://om-dayz.blogspot.com" width="500px" height="500px"></iframe> 

Penerapan menggunakan Jquery Lightbox Evolution

Lightbox Evolution mempunyai fitur untuk menampilkan Iframe ke dalam website kita dengan Konsep On Click. Contoh Script:

<a href="http://om-dayz.blogspot.com/?lightbox[iframe]=true&lightbox[width]=500&lightbox[height]=500" class="lightbox">DEMO JQUERY LIGHTBOX</a>

Jquery Lightbox Evolution juga support dengan HTML5, anda bisa menggunakan Plugin ini dengan data-attribut sehingga menampilkan Clean URLs. Contoh Script:

<a href="http://om-dayz.blogspot.com" class="lightbox" data-options='{"width":500, "height":500, "iframe": true}'>DEMO JQUERY LIGHTBOX HTML5</a>