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

Posted by Unknown on Kamis, 01 November 2012 - Rating: 4.5

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

Tweet