JQuery ile Hareketli Resim Efekti yapma (Süper)

Merhaba arkadaşlar Vittrin takipçilerine muhteşem bir JQuery kodu paylaşıcam memnun kalacağınızdan eminim ilk olarak canlı önizlemeye bakın..

Üzerine gelin basılı tutun ve sürükleyin..

Şimdi kodlarına gelelim:

ilk olarak bloggere girip şablon,html düzenleye tıklıyoruz açılan sayfada Ctrl+F tuşuna basıp ]]></b:skin>  kodumuzu aratıyoruz ve hemen üzerine aşağıdaki kodu yapıştırıyoruz.

.drag_gambar img { cursor: move;}

Tekrar </head> kodunu aratıyoruz ve aşağıdaki kodları hemen üzerine yapıştırıyoruz

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

ve aşağıdaki kod ilede resimlerinizi hareket efecti katabilirsiniz..

<div class='drag_gambar'><img alt='Vittrin.blogspot.com yazı yaz' src='Resim Linki'/></div> 

Vittrin.blogspot.com Takipçlerine.