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?
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>
Contoh Penerapan Iframe Jquery Lightbox Evolution
Anda dapat melihat Contoh-contoh penerapan Iframe diatas menggunakan Jquery Lightbox Evolution dibawah ini:Sangat mudah bukan? Silahkan bertanya jika masih ada yang mengalami kesulitan :)