首页>>Jquery图片>>响应式图片展示,可以自定义展示个数,自适应宽度(2015-04-03)

响应式图片展示,可以自定义展示个数,自适应宽度

响应式图片展示,可以自定义展示个数,自适应宽度
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <div class="container demo-1">  
  2.   
  3.   
  4.             <div class="main">  
  5.                   
  6.   
  7.                 <!-- Elastislide Carousel -->  
  8.                 <ul id="carousel" class="elastislide-list">  
  9.                     <li><a href="#"><img src="../demo1.jpg" alt="image01" /></a></li>  
  10.                     <li><a href="#"><img src="images/small/2.jpg" alt="image02" /></a></li>  
  11.                     <li><a href="#"><img src="images/small/3.jpg" alt="image03" /></a></li>  
  12.                     <li><a href="#"><img src="images/small/4.jpg" alt="image04" /></a></li>  
  13.                     <li><a href="#"><img src="images/small/5.jpg" alt="image05" /></a></li>  
  14.                     <li><a href="#"><img src="images/small/6.jpg" alt="image06" /></a></li>  
  15.                     <li><a href="#"><img src="images/small/7.jpg" alt="image07" /></a></li>  
  16.                     <li><a href="#"><img src="images/small/8.jpg" alt="image08" /></a></li>  
  17.                     <li><a href="#"><img src="images/small/9.jpg" alt="image09" /></a></li>  
  18.                     <li><a href="#"><img src="images/small/10.jpg" alt="image10" /></a></li>  
  19.                     <li><a href="#"><img src="images/small/11.jpg" alt="image11" /></a></li>  
  20.                     <li><a href="#"><img src="images/small/12.jpg" alt="image12" /></a></li>  
  21.                     <li><a href="#"><img src="images/small/13.jpg" alt="image13" /></a></li>  
  22.                     <li><a href="#"><img src="images/small/14.jpg" alt="image14" /></a></li>  
  23.                     <li><a href="#"><img src="images/small/15.jpg" alt="image15" /></a></li>  
  24.                     <li><a href="#"><img src="images/small/16.jpg" alt="image16" /></a></li>  
  25.                     <li><a href="#"><img src="images/small/17.jpg" alt="image17" /></a></li>  
  26.                     <li><a href="#"><img src="images/small/18.jpg" alt="image18" /></a></li>  
  27.                     <li><a href="#"><img src="images/small/19.jpg" alt="image19" /></a></li>  
  28.                     <li><a href="#"><img src="images/small/20.jpg" alt="image20" /></a></li>  
  29.                 </ul>  
  30.                 <!-- End Elastislide Carousel -->  
  31.   
  32.   
  33.             </div>  
  34.         </div>  

 


原文地址:http://www.freejs.net/article_jquerytupiantexiao_458.html