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 :)
Terima Kasih telah membaca artikel Jquery Lightbox Evolution - Iframe dengan permalink https://om-dayz.blogspot.com/2013/01/jquery-lightbox-evolution-iframe.html yang Diposting oleh Impotensia pada 14.43. Deskripsi artikel ini adalah: Jquery Lightbox Evolution - Iframe, Tutorial Blogspot Terbaru, Jquery Lightbox Evolution - Iframe, dan Ratingnya sebesar 5. Semoga Artikel Jquery Lightbox Evolution - Iframe bermanfaat bagi Visitor Blog ini.
mksh infonya gan
BalasHapusMakasih tutorialnya Om-dayz, coba diterapkan.
BalasHapusBTW, makasih banyak udah diizinkan :)
sama" masbro :Q
Hapushmmm light evolution iframe keren deh
BalasHapusmakasih banget gan buat ilmunya hehehe
BalasHapusMakasih om tutor nya
BalasHapusiyaa sama" masbro :-bd
HapusMaksih gan. Om dayz emang paling top dah :-bd \o/
BalasHapussama" gan :-d
Hapuskwoakaokaoa....ijin coba om deh :)
BalasHapusehehehe...
Om ko ane gk bisa ya, mohon pencerahan nya :\
BalasHapussudah dipasang plugin lightboxnya ga ?
HapusUdah bisa om hehe liat aja blog ane :D
Hapusgatot ane (gagal total) pirobox
BalasHapussertakan alamat blognya, biar langsung dapat dicari solusinya :)
HapusKalo misalkan Jqury Lightbox iframe menunjukkan Chatbox gimana om-dayz ?
BalasHapuskode chatboxnya masukin dlu ke html, trus upload.. nah selanjutnya ikutin deh tutor diatas buat nampilin htmlnya :)
Hapusthx to infonya..
BalasHapusmantap informasinya, kunjungi yah covermyblog.blogspot.com :rolled:
BalasHapus
BalasHapusSaya tunggu yah artikel yang menarik lainnya..
_oiya bila bias jarak antara artikel yang satu dan lainnya jangan terlalu jauh agar kami tidak perlu menunggu terlalu lama untuk menikmati artikel selanjutnya.
:D
Keren banget tuh iframenya,,,, heheheh sedikit modifikasi dan mengubah style dengan gaya sendiri pasti lebih bagus....Memang semua itu tergantu kekreatifan kita sendiri.
BalasHapusOya kenapa waktu aku klik tombol emoticonnya kagak ada yang muncul di iframenya. :D
mungkin karena masih loading gan
Hapus@@, saya pusing. kok saya masang chatbox terus ligthboxnya saya udah bedain ukurannya sama chatboxnya. tapi kok masih ada scrollnya ya? gimana caranya biar gaada scrollnya gan? help dong :D
BalasHapusURLnya mana mas?
HapusUrl apanya gan?
BalasHapusmultifungsional buanget ya mas :-d
BalasHapussaya sudah cuba terapkan pada chatbox saya.. tp gagal.. ada arahan yg keluar.. bantu saya ya mas..
BalasHapushttp://kum-pun.blogspot.com
caara pasaang nya gimana om , kasih tutornya dong
BalasHapusom bagi donkz script related post nya
BalasHapusmau ane pasang di sini http://irvan-creativity.blogspot.com
terima kasih
ikut nyimak gan
BalasHapusmakasih untuk code iframe-nya om-dayz, akhirnya videonya sudah bisa juga :D
BalasHapus
BalasHapusAyo Gabung bersama kami di DOMINOPELANGI (.)net
Jangan Menunda Kemenangan Bermain Anda ! Segera Daftarkan User ID nya & Mainkan Kartu Bagusnya.
Kami hadirkan permainan Terbaik dari DOMINO206 permainan
dalam website
Pusat Game Domino ONline Terpercaya Se-Asia
Hanya cukup menggunakan 1ID saja anda sudah bisa menikmati 8 game Populer
- Domino99
- BandarQ
- Poker
- AduQ
- Capsa Susun
- Bandar Poker
- Sakong Online
- Bandar 66
Tunggu apa lagi silahkan Registrasi diri anda bersama kami.
Dan nikmati kembali BONUS REFFERAL terbesar 15% untuk anda.
Untuk lebih informasi lebih lanjut kalian bisa langsung berdikskusi
langsung dengan CS handal.
MInimal Deposit 20rb
Minimal Witdraw 20rb
BBM : 2BE3D683 / E3EE3B63
WA : (+85587480626)
LINE : DOMINO206
IG : domino_206
Link Alternatif
WWW .DOMINOPELANGI. NET
WWW .DOMINOPELANGI. COM
WWW .PELANGIDOMINO. NET
Bank Online 24 jam (kecuali gangguan)
- BNI
- BCA
- BRI
- MANDIRI
- DANAMON
Salam Kemenangan ^_^
They give cautious and ideal data on a huge social affair of subjects. Disregarding whether you need understanding on certified issues or business or are a reinforced headway buff, the most recent international news can be had at the snap of a catch. medios independientes
BalasHapusGood article writer for you. Thanks for another wonderful post
BalasHapus