Draggable Images With Message Pop Up On Click Using jQuery For Blogger

My Previous Post on drag able images now looks a little bit older in version as this new widget is much more exiting and more flexible.By using this you will be able to drag images up to any extent even beyond web page limitations :)As this is more easy to install and appears more cool just have a look Demo

Demo

Installation :


Step 1:

JavaScript + CSS

<script src='http://bplugnplay.bravehost.com/dts/jquery.js'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'/>
<script src=' http://bplugnplay.bravehost.com/jqueryui-core-drag.js'/>

<style type='text/css'>


#images li {
float:left;
background:#ececec;
border:1px solid #ccc;
margin:10px;
width: 256px;
padding: 10px;
overflow: hidden;
}


#images li a {
float:left;
}


#images li div {
width: 512px;
overflow:hidden;
}
#images li .info {
width: 246px;
padding:0 0 0 10px;
float:left;
}

</style>

Step 2 :

HTML

<div id="container"><ul id="images"><li><div>
  


<a href="Link"><img alt="" src="Image Link"/></a></div></li>



</ul></div>

Please Comment below and Subscribe our Blog to get latest jquery widgets updates.


Credits : net.tutsplus