介绍几款不错的轻量级jquery 幻灯片插件

  jquery 做幻灯片是不错的，有很多轻量级的，下面介绍几款轻量的jquery 幻灯片框架。

1 responsive-slides
   地址：http://responsive-slides.viljamis.com/
  特点：支持各浏览器
   •Internet Explorer 6,7,8,9
•Firefox 3,6,8
•Safari 5
•Chrome 15
•Opera 11.5
•iOS Safari
•Opera Mobile 10.1
•Opera Mini for iOS
•IE7 Mobile
•Firefox Mobile
•Android browser
•Kindle browser

  使用简单，支持jquery 1.4以上就可以了，而且体积很小，压缩后不超过1KB，
使用如下：
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
  
  把图片放到ul中去
   <ul id="slides">
 

• [img]1.jpg" alt="[/img]
• 
   
• [img]2.jpg" alt="[/img]
• 
   
• [img]3.jpg" alt="[/img]
• 
  </ul>
    再搞个CSS
     .rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
    }
  
  .rslides li {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    }
  
  .rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
    }
    马上就可以用了
    <script>
    $(function () {
      $("#slides").responsiveSlides();
    });
  </script>
  
  2 还有一些其他的jquery slides的教程和插件，如下
     http://www.zurb.com/playground/jquery_image_slider_plugin
  
     http://tympanus.net/Development/AutomaticImageMontage/
  
  http://buildinternet.com/live/supersized/