这是一款类似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>
下载
|
|