首页>>焦点图>>jq 支持全屏的响应式slide，图片在各种分辨率下均完整显示(2015-05-09)

jq 支持全屏的响应式slide，图片在各种分辨率下均完整显示

jq 支持全屏的响应式slide，图片在各种分辨率下均完整显示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.   $(function(){  
  3.     SyntaxHighlighter.all();  
  4.   });  
  5.   $(window).load(function(){  
  6.     $('.flexslider').flexslider({  
  7.       animation: "slide",  
  8.       start: function(slider){  
  9.         $('body').removeClass('loading');  
  10.       }  
  11.     });  
  12.   });  
  13. </script>  
XML/HTML Code
  1. <div class="flexslider">  
  2.           <ul class="slides">  
  3.             <li>  
  4.                 <img src="images/kitchen_adventurer_cheesecake_brownie.jpg" />  
  5.                 </li>  
  6.                 <li>  
  7.                 <img src="images/kitchen_adventurer_lemon.jpg" />  
  8.                 </li>  
  9.                 <li>  
  10.                 <img src="images/kitchen_adventurer_donut.jpg" />  
  11.                 </li>  
  12.                 <li>  
  13.                 <img src="images/kitchen_adventurer_caramel.jpg" />  
  14.                 </li>  
  15.           </ul>  
  16.         </div>  
  17.        

 


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