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

4 comments :

  1. IT work fine ,but where we put the text ?

    THANK!

    ReplyDelete
  2. thanks buddy it is working great.i have applied it on my blog http://probloggerteam.blogspot.com/

    ReplyDelete

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