Hi, friends! Now, we are gonna make a crazy trick. That's Magic Image! Move Image Freely. Freely? Yups... you and your visitors of your blog can move images wherever. Left, right, top, or bottom. It's up to you. Curious? See the
DEMO. OK, now if you wanna try Magic Image! Move Image Freely, just follow the steps below.
2. Go to Design --> Edit HTML
3. Copy the code below, and paste above ]]></b:skin>
.FBT_magic img { cursor: move;}
4. Then, copy the code below and paste above </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() {
$("div.FBT_magic img").draggable();
});
</script>
5. Click SAVE TEMPLATE<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() {
$("div.FBT_magic img").draggable();
});
</script>
Now if you wanna use this effect, just use this code
<div class='FBT_magic'><img src='PICTURE-URL'/></div>
OK, That's all friend... Hopefully useful...
+ comments + 4 comments
whow kereennn cuyy,.,jquerynya
WOWOW MAGICCC WOWOWWW
What a God damn amazing magic image tricks..I like this. Nice share!
keren, mas. tapi, ini memakai jQuery ya. wah, kalau dipasang, nanti lemot mas. saya sekarang sebisa mungkin menghindari widget berjavascript yang tidak terlalu penting. karena akan membuat lemot. jika blogku lemot, pengunjung pada pergi, mas. makasih atas tutorialnya.
Post a Comment