jQuery UI Current

by petersendidit

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.6.2.js"></script>
<script src="http://code.jquery.com/ui/1.8.13/jquery-ui.js"></script>

<ul> 
    <li><img src="http://flickholdr.com/40/40/sea,sun/1" /></li>
    <li><img src="http://flickholdr.com/40/40/sea,sun/2" /></li>
    <li><img src="http://flickholdr.com/40/40/sea,sun/3" /></li>
</ul>

CSS

ul {list-style:none;}

JavaScript

var options = {};
options.axis = "y";
options.containment = "parent";
options.cursor = "crosshair";
options.tolerance = "pointer";
options.revert = "true";
$('ul').sortable(options);