Nivo Slideshow

---

Syntax

[[html]]
<style type="text/css">

#slider {
    position:relative;
}

#slider img {
    position:absolute;
    top:0px;
    left:0px;
}

.nivoSlider {
    position:relative;
    margin: 0 auto;
    width: auto;
    overflow: hidden;
    z-index: 99;
}

.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
}

.nivo-slice {
    display:block;
    position:absolute;
    z-index:50;
}

.nivo-caption, .nivo-caption p, .nivo-controlNav, .nivo-controlNav a, .nivo-directionNav a, a.nivo-nextNav, a.nivo-prevNav, .nivo-controlNav a.active, .nivoSlider a.nivo-imageLink {
    display: none;
}

</style>

<script src="/local--files/slideshow:nivo/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/local--files/slideshow:nivo/jquery.nivo.slider.pack.js" type="text/javascript"></script>

<div id="slider">
    <img src="/local--files/file:2/2.jpg" alt="Random Image"/>
    <img src="/local--files/file:3/3.jpg/3.jpg" alt="Random Image"/>
    <img src="/local--files/file:4/4.jpg" alt="Random Image"/>
    <img src="/local--files/file:7/7.jpg" alt="Random Image"/>
    <img src="/local--files/file:9/9.jpg" alt="Random Image"/>
    <img src="/local--files/file:10/10.jpg" alt="Random Image"/>
    <img src="/local--files/file:11/11.jpg" alt="Random Image"/>
    <img src="/local--files/file:12/12.jpg" alt="Random Image"/>
    <img src="/local--files/file:13/13.jpg" alt="Random Image"/>
    <img src="/local--files/file:24/24.jpg" alt="Random Image"/>
</div>

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider({
        effect:'fade',
        slices:25,
        animSpeed:0,
        pauseTime:0,
        randomStart:true,
        directionNav:true, //Next & Prev
        directionNavHide:false, //Only show on hover
        controlNav:false, //1,2,3...
        pauseOnHover:false, //Stop animation while hovering
        beforeChange: function(){},
        afterChange: function(){}
    });
});
</script>
[[/html]]