jQuery Skim

This is what the widget looks like. Note that all images should be the same size.
The jQuery plugin is released under the MIT License.
Images used on this page © 2009 Jan Vantomme, All Rights Reserved.

HTML


<div class="skim-me">
    <h3>My Images</h3>
    <ul>
        <li><a href="#"><img src="images/001.jpg" width="150" height="150" alt="Image 1" /></a></li>
        <li><a href="#"><img src="images/002.jpg" width="150" height="150" alt="Image 2" /></a></li>
        <li><a href="#"><img src="images/003.jpg" width="150" height="150" alt="Image 3" /></a></li>
        <li><a href="#"><img src="images/004.jpg" width="150" height="150" alt="Image 4" /></a></li>
        <li><a href="#"><img src="images/005.jpg" width="150" height="150" alt="Image 5" /></a></li>
    </ul>
</div>

JavaScript


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.skim.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(window).bind("load", function() {
            $(".skim-me").skim();
        });
    });
</script>