返回首页 | 一键访问 | 收藏本站 | 免费素材分享QQ群:1023538014

当前位置:首页 > JS代码 > JS焦点图 > SliderPro实现带缩略图可触摸焦点图代码
下载地址

SliderPro实现带缩略图可触摸焦点图代码

SliderPro实现带缩略图可触摸焦点图代码,SliderPro是一款强大的幻灯片插件,本代码中只用到其中部分功能;支持触屏滑动,带左右切换按钮,带文字按钮(文字按钮也支持触摸滑动),支持定义多条图片描述文字,支持自动播放。

$(document).ready(function($){
	$('#example1').sliderPro({
		width:960,
		height:500,
		arrows:true,
		buttons:false,
		waitForLayers:true,
		thumbnailWidth:200,
		thumbnailHeight:100,
		thumbnailPointer:true,
		autoplay:false,
		autoScaleLayers:false,
		breakpoints:{
			500:{
				thumbnailWidth:120,
				thumbnailHeight:50
			}
		}
	});
});

SliderPro实现带缩略图可触摸焦点图代码

«
»
花米素材免费素材网