Kupas Tuntas Soal jQuery Lightbox Evolution
Kemudian klik Simpan/Save, nah sekarang plugin jQuery Lightbox Evolution ini udah dipasang di blog sobat..
<script src='http://files.dode-xp.com/object/jquery-1.7.min.js' type='text/javascript'></script><link href='http://files.dode-xp.com/object/jquery.lightbox.css' rel='stylesheet' type='text/css'/><link href='http://files.dode-xp.com/object/jquery.lightbox.ie6.css' rel='stylesheet' type='text/css'/><script src='http://files.dode-xp.com/object/jquery.lightbox.js' type='text/javascript'></script><script src='http://files.dode-xp.com/object/imagenvideo.js' type='text/javascript'></script>
Bagaimana cara penerapan chatbox diatas?
Sobat cukup menambahkan kode class='lightbox' kedalam objek yang ingin diberi lightbox.. dibawah ini adalah contoh penerapan jQuery Lightbox Evolution ini
<a href="assets/7.jpg" title="Image Description" class="lightbox"><img src="assets/m7.jpg" alt=""/></a>
Sobat juga bisa meletakan jQuery Lightbox Evolution dalam 1 Galeri Gambar dengan menambahkan kode rel='namayangdiinginkan' contoh penerapannya ada dibawah
<a href="assets/5.jpg" class="lightbox" rel="group1"><img src="assets/m5.jpg" alt=""/></a>
<a href="assets/9.jpg" class="lightbox" rel="group1"><img src="assets/m9.jpg" alt=""/></a>
<a href="assets/6.jpg" class="lightbox" rel="group1" title="Lorem ipsum dolor sit amet..."><img src="assets/m6.jpg" alt=""/></a>
Nah sobat juga bisa menaruh video di jQuery Lightbox Evolution ini dengan cara menambahkan kode dibawah ini
<a href="http://www.youtube.com/watch?v=TsUD1za9TA4" class="lightbox">youtube</a>
<a href="http://www.vimeo.com/12421175" class="lightbox"><img src="assets/m13.jpg" alt=""/>vimeo</a>
<a href="http://www.metacafe.com/watch/yt-nn096G5jek0/coldplay_speed_of_sound_acoustic/" class="lightbox">metacafe</a>
<a href="http://www.dailymotion.com/video/x53dvz_fragma-toca-s-miracle-2008_music" class="lightbox">dailymotion</a>
<a href="http://video.google.com/videoplay?docid=-8618166999532839788" class="lightbox">google video</a>
Nah dan sekarang XP-Files akan share juga cara membuat welcome dengan gambar dicampur jQuery Lightbox Evolution ini! (Demonya lihat di blog saya) nah dan begini cara membuatnya :
masuk dashboard blogger -> rancangan -> tambah widget -> html/javascript kemudian copas kode dibawah ini :
<script type='text/javascript'> jQuery(document).ready(function(){ jQuery.lightbox("GAMBAR SOBAT.JPG"); });</script>
NB : Tulisan GAMBAR SOBAT.JPG silahkan diganti dengan gambar sobat sendiri
Referensi : cyb3r6h0st dan Om-Dayz
Semoga Bermanfaat sobat!
^_^
20 Ibu-Ibu Ngerumpi — Loncat ke Kotak Komentar
amankan PERTAMAX :D
@™[./LamonganCheaterZ ]™ iya iya :D
Keduax... Wah mantab nhe sob :)
Izin nyimak :D
Absen siang
@Black Angel Syndicate iya sob.. silahkan..
wah, ini nih yg ditanyain temen saya kemaren,, bookmark dulu biar gk lupa. :D
waw mantap sob izin simpan buat koleksi ^_^
@Share Our Knowledge ok silahkan dibookmark gpp :)
sy save dlu ya tutorialx ya sob.., tuk liat demox dimana yaa..?? thx yaa *smile
@Friski Gatra oke sob silahkan :)
@Rohis Facebook silahkan disave.. untuk lihat demonya klik gambar orang yang banyak itu sob :)
bagus juga mas bro..oh iya dah follow tuh mas bro...follow back yah..#65
mantaaaph sob. untuk memanggil nya brrti cm prlu clas='lightbox' ya. oh ya, kl misal biar otomatis slrh gmbar yg ada diblog ketika di klik ada fitur lightbox nya gimana sob ?
~ nice tutor ~
Trim's infonya & baca artikel blog terbaru saya
saya juga pake jquery lightbox dari dulu hehe
nice info sob :)
@admin Metal-xp oke sob..
@Alex Irfani iya sob.. kalo untuk semua gambar saya belum tau :)
@Junaedi oke sobat..
@NandoCyber4rt hahaha sama donk sob :D
mantepss... keren infonya... izin menyimak dulu... biar lebih paham..^_^
@Blogger Blegedes |Support Me ok sob..
Posting Komentar— atau Kembali ke Postingan
Jika ada komentar yang belum admin balas maaf ya, karena saya lagi sibuk persiapan Ujian Nasional :), Jika ada komentar kasar yang mengataskan nama admin (Dode Van Persie) tolong jangan diladenin itu bukan saya :)
- Dilarang menggunakan kata Kaskus disini!
- Gunakan bahasa yang mudah dipahami.
- Dilarang promosi, spam, live link dikomentar ini
Terima Kasih!