{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

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

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


js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery_carousel_slider.js"></script>
<script type="text/javascript">
	$(function(){

		$.getJSON("JSON/data.js",function (result){
			var setting = {
				subject:'Movie',
				cardw : 145,	//page card's width .
				cardh : 217,
				cardn : 5,		//the number of visible page card .
				margin : 9,		//margin between cards .
				JSON :result
			};
			$('#movie').slider(setting);
		});

		$.getJSON("JSON/data.js",function (result){
			var setting = {
				subject:'NBA',
				cardw : 145,	//page card's width .
				cardh : 145,
				cardn : 7,		//the number of visible page card .
				margin : 9,		//margin between cards .
				JSON :result
			};
			$('#nba').slider(setting);
		});
	});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:JSON动态获取图片列表滚动切换代码
喜欢 ()分享 (0)