1、常用的水平左右滑动幻灯片效果(可以自定义内容,不固定高度)

slider1

常用的水平左右滑动幻灯片效果(可以自定义内容)

我是标题啊

描述内容

说明：样式可以自定义，因为本demo不固定盒子高度和宽度，有一张是图片，所以取这张p1.png大图的高度，用js动态设置所有swiper-slide的高度。大家可以自己去改变，原理都一样。

var swiper = new Swiper('.swiper-horizontal', {
		autoplay: 3000,//可选选项，自动滑动
		pagination: '.swiper-pagination',
		paginationClickable: true
});
      	   

2、常用的垂直滑动效果

slider1

slider2

常用的水平左右滑动幻灯片效果(可以自定义内容)

我是标题啊

描述内容

var swiperv = new Swiper('.swiper-vertical', {
	    paginationClickable: true,
	    pagination : '.pagination-v',
	    direction: 'vertical'
});