Jquery Lightbox Evolution - Iframe

Tutorial Blogspot Terbaru, Jquery Lightbox Evolution - Iframe - Sebelum membahas topik diatas, ini merupakan lanjutan tutorial dari Jquery Lightbox Evolution - Image-Video dan Jquery Lightbox Evolution Part 2, jadi jika anda ingin menerapkan tutorial ini pastikan Plugin Jquery Lightbox Evolution ini terpasang di website anda.

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>

Contoh Penerapan Iframe Jquery Lightbox Evolution

Anda dapat melihat Contoh-contoh penerapan Iframe diatas menggunakan Jquery Lightbox Evolution dibawah ini:

DEMO JQUERY LIGHTBOX DEMO JQUERY LIGHTBOX HTML5

Sangat mudah bukan? Silahkan bertanya jika masih ada yang mengalami kesulitan :)