Memindahkan Gambar Dengan jQuery

Coba pindahin gambar di bawah ini pakai mouse kalian

Nah bisa pindahkan...ini caranya

1. Masuk Ke Rancangan
2. Pilih EDIT HTML
3. Sekarang simpan CSS berikut diatas kode ]]></b:skin>

.drag_gambar img { cursor: move;}

4. selanjutnya simpan script berikut diatas kode

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js' type='text/javascript'/>

<script type='text/javascript'>

$(document).ready(function() {

$(&quot;div.drag_gambar img&quot;).draggable();

});

</script>

Perhatikan kode script berwarna merah diatas, jika pada template kalian sudah terdapat script tersebut, jangan dipasang lagi, pasang saja script yang berwarna biru nya.

5. Simpan Template

Untuk penggunaannya pada gambar, kalian bisa menggunakan kode berikut :

<div class='drag_gambar'><img alt='KETERANGAN GAMBAR' src='URL GAMBAR'/></div>

Beres..met nyoba yah!