Kamis, 15 Maret 2012

jQuery Lightbox Evolution - Image/Video

jQuery Lightbox Evolution - Image-SWF-Video, adalah alat untuk menampilkan gambar, konten html, peta, dan video dalam gaya "lightbox" yang mengambang pada halaman web. Menggunakan Lightbox ini, author web dapat menampilkan berbagai macam media di semua browser utama tanpa menavigasi pengguna jauh dari halaman yang terhubung.

Tapi disini saya hanya akan memberikan tutorial bagaimana cara mengapklikasikan lightbox ini untuk Gambar dan Video, bagi yang ingin tahu cara untuk aplikasikan SWF dan HTML silahkan contact saya. lihat Contoh dibawah!
 

Langsung saja copy paste script dibawah ini, lalu kemudian buka EDIT HTML kemudian simpan kode ini diatas kode </head>

<script src='http://lorddayz.googlecode.com/files/jquery-1.7.min.js' type='text/javascript'/> <link href='http://lorddayz.netau.net/lb/jquery.lightbox.css' rel='stylesheet' type='text/css'/> <link rel="stylesheet" type="text/css" href="http://lorddayz.netau.net/lb/jquery.lightbox.ie6.css" /> <script src='http://lorddayz.googlecode.com/files/jquery.lightbox.js' type='text/javascript'/> <script src='http://lorddayz.googlecode.com/files/imagenvideo.js' type='text/javascript'/>

Seteleh itu pasang kode dibawah ini setalah kode </body>.

<script type='text/javascript'>
  jQuery(document).ready(function(){
    $(&#39;a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)&#39;).lightbox();
  });
</script>

sumber : om-dayz