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.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>

<ol id="sortable">

    
        <li id='IMG_0023.JPG'><img align="top"  src='http://flickholdr.com/100/100/sea,sun/1' /></li>
    
        <li id='IMG_0027.JPG'><img align="top"  src='http://flickholdr.com/100/100/sea,sun/2' /></li>
    
        <li id='IMG_0028.JPG'><img align="top"  src='http://flickholdr.com/100/100/sea,sun/3' /></li>
    

    </ol>

CSS

li
        {
            width: 100px;
            margin: 0px 45px 45px 0;
            padding: 0 0 0 0;
            line-height: 15px;
            float: left;
        }

JavaScript

$('#sortable').sortable({});