contoh slider

<script type="text/javascript" src="jquery-1.7.1.min.js"></script><br /> <script type="text/javascript" src="jquery.slidertron-1.1.js"></script><br /> <br /> <!-- CSS --><br /> <br /> <style type="text/css"> #slider { position: relative; width: 500px; } #slider .viewer { width: 500px; height: 375px; overflow: hidden; } #slider .viewer .reel { display: none; height: 375px; } #slider .viewer .reel .slide { position: relative; width: 500px; height: 375px; } </style><br /> <br /> <!-- HTML --><br /> <br /> <div id="slider"> <div class="viewer"> <div class="reel"> <div class="slide"> <img src="images/1.jpg" alt="" /><br /> </div><div class="slide"> <img src="images/2.jpg" alt="" /><br /> </div><div class="slide"> <img src="images/3.jpg" alt="" /><br /> </div><div class="slide"> <img src="images/4.jpg" alt="" /><br /> </div></div></div></div><br /> <!-- JS --><br /> <br /> <script type="text/javascript"> $('#slider').slidertron({ viewerSelector: '.viewer', reelSelector: '.viewer .reel', slidesSelector: '.viewer .reel .slide', advanceDelay: 3000, speed: 'slow' }); </script>