membuat foto terpecah saat di klik

Cara membuat foto terpecah saat di klik. Trik ini juga tidak kalah kerennya dari trik-trik sebelumnya.
kali ini kita akan membuat foto terpecah belah saat foto tersebut di klik.
memang keren juga trik ini kalau kita terapkan di website atau blog.

Untuk contoh atau demonya ,silahkan lihat demo di sini :  DEMO

Sekarang lanjut ke caranya:
 silahkan gunakan kode di bawah ini untuk membuat efek gambar seperti contoh di atas, untuk penempatannya silahkan letakkan sesuai selera sobat, baik itu di postingan dll.
berikut ini kodenya:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js" type="text/javascript"></script>
<script type='text/javascript'>
$(document).ready(function(){
$("#hide").click(function(){
$(".meledak").hide("explode", {pieces:36}, 2000);});
$("#show").click(function(){
$(".meledak").show("bounce", {direction:"up", times:4}, 200);});
});
</script>
<style>
.meledak{
    margin-left:150px;
}
.meledak img{
    background:#333;
    border:5px solid #222;box-shadow:0 0 5px 2px #00f;
}
#show{
    text-align:center;
}
</style>
<button id="show">Kembalikan gambarnya!!!</button>
<div class="meledak">
<div id="hide">
<img src="http://infogres.com/wp-content/uploads/2011/10/ayu_ting_ting.jpg"/></div>
</div>

nah..cukup mudah kan, silahkan di praktekkan dan modifikasi gambar di website dan blog anda.