Facebox jquery.mw

Image Cube 3D with jQuery !

~ ~
Another way to present your image galery ! Akhir2 ini lagi seneng main2 sama yg namanya gambar, hehehe banyak banget cara bagus buat nampilin gambar, contohnya yang satu ini . Menampilkan gambar dengan bentuk cube / kotak yg terlihat 3D . untuk lebih jelasnya lihat demonya disini .

Demo



Gimana ?? cukup bagus juga kan untuk menampilkan image ?? langsung ajah caranya sob .

1. masukan jquery ini ..

 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'> </script> 
<script src='http://granoblog.googlecode.com/files/imagecube.js' type='text/javascript'>




Nb: untuk http://granoblog.googlecode.com/files/imagecube.js bisa di download dan di hostingkan sendiri .

2. ini sedikit css nya..


 #cube { width: 200px; height: 150px; }


3. ini sedikit javascriptnya..

<script type='text/javascript'> 
$(function () {
 $('#cube').imagecube({imagePath: 'img/'});
});
</script> 


4. terkahir HTMLnya..


<div id="cube"> 
 <img alt="" src="gambar.jpg" title=""/> 
 <img alt="" src="gambar.jpg" title=""/> 
 <img alt="" src="gambar.jpg" title=""/> 
</div>



nah mudah kan... bagus lagi . hhehehehe semoga bermanfaat ya sob ??

5 komentar:

Posting Komentar