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> 
       有一点要注意，就是必须固定你的调用元素的高度和宽度。一般情况下，切换的图片高度和宽度都是固定的，如果你图片大小不一，切换的时候会很难看。
       如果你有好的建议，请给我发邮件：leizhenhai106@163.com
       
       
       

   
   
   本人出处： 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