js圖片輪動,jquery圖片切換

HTML代碼：

1. <div id="flashbox" class="smallslider">
2.   <ul>
3.      <li><a href="#"><img src="rs/images/001.jpg" title="" alt="圖片標題1" /></a></li>
4.      <li><a href="#"><img src="rs/images/002.jpg" title="" alt="圖片標題2" /></a></li>
5.      <li><a href="#"><img src="rs/images/003.jpg" title="" alt="圖片標題3" /></a></li>
6.      <li><a href="#"><img src="rs/images/004.jpg" title="" alt="圖片標題4" /></a></li>
7.      <li><a href="#"><img src="rs/images/005.jpg" title="" alt="圖片標題5" /></a></li>
8.   </ul>
9. </div>
   
   

   JS部分

   JS代碼：

   1. <script type="text/javascript">
   2.         $(document).ready(function(){
   3.             $('#flashbox').smallslider({
   4.             onImageStop:false,
   5.             switchEffect:'ease',
   6.             switchEase: 'easeOutBounce',
   7.             switchPath: 'up',
   8.             switchMode: 'hover',
   9.             textSwitch:2,
   10.             textPosition: 'top',
   11.             textAlign:'center'
   12.             });
   13.         });
   14. </script>
       怎麼樣？夠簡單吧？完全不需要寫額外的HTML代碼。
       調用方法：
       1。保證你的頁面鏈接進3個文件：
         <script type="text/javascript" src="rs/js/jquery-1.3.2.min.js"></script>
         <script type="text/javascript" src="rs/js/jquery.smallslider.js"></script>
         <link rel="stylesheet" type="text/css" href="rs/css/smallslider.css" media="screen" />
       2。HTML 結構如下：
         1)，最外層必須爲一個div元素，這個div需要指定一個class爲：smallslider。
         2)，div內的HTML結構爲一個ul標籤，ul標籤內爲li標籤，li內爲a標籤，a內爲img標籤，即：div--->ul--->li--->a--->img 。
         3)，img標籤的alt屬性爲顯示的標題文字內容，所以必須要有。
       3，初始化輪播圖：
       <script type="text/javascript"> 
       $(document).ready(function(){ 
           $(function(){ 
           $('#flashbox').smallslider(); 
           }); 
           });
       </script> 
       有一點要注意，就是必須固定你的調用元素的高度和寬度。一般情況下，切換的圖片高度和寬度都是固定的，如果你圖片大小不一，切換的時候會很難看。
       如果你有好的建議，請給我發郵件：[email protected]
       
       
       

   
   
   本人出處：http://lib.kindcent.com/smallslider/
    
   以下是另外的js圖片輪動效果 參考：
   
   
   1 http://www.16sucai.com/2011/04/5867.html
   2 http://www.16sucai.com/uploadfile/show7/
   
   
   這裏是 jquery特效大全 
   
   
   http://www.51xuediannao.com/index.html