介绍几款不错的轻量级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/