新闻分页循环图片左右滚动代码html,jQuery响应式触屏图片左右滚动代码owl.carousel...

这是一款基于owl.carousel.js和jquery-1.9.1.min.js实现的响应式左右滚动代码，自适应屏幕大小，响应式设计，完美兼容PC端和手机移动设备，支持触屏滑动效果，支持点击按钮切换，有“上一张、下一张”按钮链接，可设置一屏显示的图片个数，兼容各大主流浏览器！

1、引入文件

2、HTML

1

2

3

4

5

6

7

8

3、JavaScript$(function(){

$('#owl-example').owlCarousel();

});

参数参数   类型   默认值   说明

items   整数5幻灯片每页可见个数

itemsDesktop 数组[1199,4]设置浏览器宽度和幻灯片可见个数，格式为[X,Y]，X 为浏览器宽度，Y 为可见个数，如[1199,4]就是如果浏览器宽度小于1199，每页显示 4 张，此参数主要用于响应式设计。也可以使用 false

itemsDesktopSmall  数组[979,3]同上

itemsTablet  数组[768,2]同上

itemsTabletSmall  数组false同上，默认为 false

itemsMobile  数组[479,1]同上

itemsCustom