<link href="http://hal-slider.googlecode.com/svn/trunk/slider1/css/skitter.styles.css" type="text/css" media="all" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="http://hal-slider.googlecode.com/svn/trunk/slider1/js/jquery-1.6.3.min.js"></script>
<script type="text/javascript" language="javascript" src="http://hal-slider.googlecode.com/svn/trunk/slider1/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" language="javascript" src="http://hal-slider.googlecode.com/svn/trunk/slider1/js/jquery.skitter.min.js"></script>
<script type="text/javascript" language="javascript">
    $(document).ready(function() {
        $('.box_skitter_large').skitter({
            theme: 'clean',
            progressbar: false,
            animation: 'random',
            numbers: false
        });
    });
</script><div id="content">
    <div class="border_box">
        <div class="box_skitter box_skitter_large">
            <ul>
                <li>
                    <a href="#cube"><img src="http://hal-slider.googlecode.com/svn/trunk/slider1/images/example/001.jpg" /></a>
                </li>
                <li>
                    <a href="#cubeRandom"><img src="http://hal-slider.googlecode.com/svn/trunk/slider1/images/example/002.jpg" /></a>
                </li>
                <li>
                    <a href="#block"><img src="http://hal-slider.googlecode.com/svn/trunk/slider1/images/example/003.jpg" /></a>
                </li>
                <li>
                    <a href="#cubeStop"><img src="http://hal-slider.googlecode.com/svn/trunk/slider1/images/example/004.jpg" /></a>
                </li>
            </ul>
        </div>
    </div>
</div>