NOTICE

Adfly Links not working Find Direct Links HERE

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





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

6 comments :

Feel free to leave comment if you like above widget, have any questions or just say Hi! :)