Membuat Efek Memindahkan Gambar Dengan jQuery

Memindahkan

gambar dengan

jQuery. Maksud dari

effect JQuery ini ialah kita

dapat menggeser

atau mendrag

gambar sesuai

dengan keinginan

kita pada gambar

posting kita atau

gambar di blog kita. Seperti apa yah hasilnya? Mari kita buat

percobaan yang akan di terapakan diblog kita. Pastikan unduh template

cadangan bila mana ada yang tidak cocok atau error.

Berikut langkah-

langkahnya di bawah

ini :

1. Login dulu di Blogger

dengan akun anda.

2. Pada dashboard pilih

Rancangan >> edit

HTML

3. Jangan lupa Centang

Expand Template

Widget

4. Klik Download

template lengkap

untuk jaga-jaga.

5. Sekarang pasang Css

kode dibawah ini

diatas kode ]]></

b:skin>

.drag_

gambarimg

{cursor:

move;}

6. Selanjutnya simpan

script berikut diatas

kode </head>

<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>



7. Kemudian klik Save/Simpan Template Untuk

penggunaannya

pada gambar, anda

bisa menggunakan perlu

kode pemanggil berikut :

<div

class='drag_gambar'><img

alt='KETERANGAN

GAMBAR'

src='URL

GAMBAR'/></div>

kata kunci yang baru dicari : Membuat Efek Memindahkan Gambar Dengan jQuery

Title : Membuat Efek Memindahkan Gambar Dengan jQuery
Description : Memindahkan gambar dengan jQuery. Maksud dari effect JQuery ini ialah kita dapat menggeser atau mendrag gambar sesuai dengan keinginan kita ...

0 Response to " Membuat Efek Memindahkan Gambar Dengan jQuery "

Posting Komentar

Berkomentarlah yang cerdas !!!
Jangan menyertakan http://yoursite.blogspot.com
di kotak komentar termasuk dengan syntax a href di dalam kotak komentar.

KOMENTAR DOFOLLOW

Jangan pernah bosan berkunjung kembali.

Terimakasih