Slidorion自动切换选项图片轮播手风琴效果

<div id="slidorion">

    <div id="slider">

        <div class="slider-image" rel="section1">

            <img src="sample.jpg" width="500" height="400" />

        </div>

        <div class="slider-image" rel="section2">

            <img src="sample.jpg" width="500" height="400" />

        </div>

        <div class="slider-image" rel="section3">

            <img src="sample.jpg" width="500" height="400" />

        </div>

    </div>

    <div id="accordion">

        <div class="header"><a class="slider-link" rel="section1">Kung Fu Panda 2</a></div>

        <div class="content">

            <!-- CONTENT GOES HERE -->

        </div>

        <div class="header"><a class="slider-link" rel="section2">The Dark Knight</a></div>

        <div class="content">

            <!-- CONTENT GOES HERE -->

        </div>

        <div class="header"><a class="slider-link" rel="section3">Hot Fuzz</a></div>

        <div class="content">

            <!-- CONTENT GOES HERE -->

        </div>

    </div>

</div>

<script>

$(document).ready(function(){

    $('#slidorion').slidorion();

});

</script>

<script>

$(document).ready(function(){

    $('#slidorion').slidorion({

        speed: 1000,

        interval: 4000,

        effect: 'slideLeft'

    });

});

</script>