欢迎您  本站地址:   JSON动态获取图片列表滚动切换代码-小库平台

小库平台

 找回密码
 立即注册
JSON动态获取图片列表滚动切换代码-小库平台

小库平台

 找回密码
 立即注册
上一主题 下一主题

JSON动态获取图片列表滚动切换代码

跳转到指定楼层
楼主
|只看大图 回帖奖励 |倒序浏览 |阅读模式

这是一款类似Facebook图片列表滚动布局效果的JSON动态获取图片列表滚动切换代码,通过json文件来动态获取图片和标题文字描述信息数据,左右箭头控制。

js代码
<scriptsrc="js/jquery-1.11.0.min.js"type="text/javascript"></script>
<scriptsrc="js/jquery_carousel_slider.js"></script>
<scripttype="text/javascript">
$(function(){$.getJSON("JSON/data.js",function(result){
varsetting={
subject:'Movie',
cardw:145,//pagecard'swidth.
cardh:217,
cardn:5,//thenumberofvisiblepagecard.
margin:9,//marginbetweencards.
JSON:result
};
$('#movie').slider(setting);
});$.getJSON("JSON/data.js",function(result){
varsetting={
subject:'NBA',
cardw:145,//pagecard'swidth.
cardh:145,
cardn:7,//thenumberofvisiblepagecard.
margin:9,//marginbetweencards.
JSON:result
};
$('#nba').slider(setting);
});
});
</script>



下载
回复

使用道具 举报

小黑屋|小库平台

GMT+8, 2024-9-20 12:36 , Processed in 0.066696 second(s), 17 queries , Xcache On.

Powered by Discuz! 3.4

小库提示

扫描下方二维码,访问手机版。