首页>>Jquery图片>>JSON动态获取图片切换代码(2018-08-05)

JSON动态获取图片切换代码

jQuery左右滑动轮播图，使用json数据动态获取图片切换
JSON动态获取图片切换代码
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script type="text/javascript">  
  2.     $(function(){  
  3.   
  4.         $.getJSON("JSON/data.js",function (result){  
  5.             var setting = {  
  6.                 subject:'Movie',  
  7.                 cardw : 145,    //page card's width .  
  8.                 cardh : 145,  
  9.                 cardn : 5,      //the number of visible page card .  
  10.                 margin : 9,     //margin between cards .  
  11.                 JSON :result  
  12.             };  
  13.             $('#movie').slider(setting); 
  14.         }); 
  15.  
  16.         $.getJSON("JSON/data.js",function (result){ 
  17.             var setting = { 
  18.                 subject:'images', 
  19.                 cardw : 145,    //page card's width .  
  20.                 cardh : 145,  
  21.                 cardn : 7,      //the number of visible page card .  
  22.                 margin : 9,     //margin between cards .  
  23.                 JSON :result  
  24.             };  
  25.             $('#nba').slider(setting);  
  26.         });  
  27.     });  
  28. </script>  

 


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