这是一款类似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>
暂无评论内容