首页>>Jquery图片>>多角度展示产品(2014-08-29)

多角度展示产品

 如果想要完美但是复杂一些的效果可以参考《360度产品展示,js+图片》

多角度展示产品
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2. $(document).ready(function(){  
  3.   
  4.     // You can specify an array of images outside of the rollerblade method,  
  5.     // and then pass it in, as so:  
  6.   
  7.     var arrayOfImages = [  
  8.       'img/m1.jpg',  
  9.       'img/m2.jpg',  
  10.       'img/m3.jpg',  
  11.       'img/m4.jpg',  
  12.       'img/m5.jpg',  
  13.       'img/m6.jpg',  
  14.       'img/m7.jpg'  
  15.     ]  
  16.   
  17.     $("#target").rollerblade({imageArray:arrayOfImages});  
  18.   
  19.     // OR you can create the array directly in the options object, as so:  
  20.   
  21.     $("#target").rollerblade({imageArray:[  
  22.       'path/to/image/1.jpg',  
  23.       'path/to/image/2.jpg',  
  24.       'path/to/image/3.jpg',  
  25.       'path/to/image/4.jpg',  
  26.       'and/so/on.jpg'  
  27.     ]});  
  28.   
  29.   })  
  30.   
  31. </script>  

 


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