jQuery+html5手机触屏滑动图片切换代码

yzch6671

1年前发布

042210

一款基于jQuery+html5实现的移动端手机触屏滑动图片切换代码，html5动画左右滑动切换效果，可以自动切换，也支持鼠标点击左右拖动滑动切换。

js代码

<script src=\"js/jquery-1.11.2.min.js\"></script>
<script src=\"js/jquery.cycle2.min.js\"></script>
<script src=\"js/jquery.sky.carousel-1.0.2.min.js\"></script>
<script src=\"js/lib.js\"></script>
<script src=\"js/scripts.js\"></script>
<script type=\"text/javascript\">
	$(function () {

		buildSideNav();

		skyCarousel = $(\'#character-slider\').carousel({
			itemWidth: 528,
			itemHeight: 512,
			enableMouseWheel: false,
			gradientOverlayVisible: true,
			gradientOverlayColor: \'#F0F3EE\',
			gradientOverlaySize: 300,
			distance: 30,
			selectedItemDistance: 80,
			selectByClick: true,
			selectedItemZoomFactor: 0.8,
			unselectedItemZoomFactor: 0.4,
			navigationButtonsVisible: false,
			showPreloader: false,
			autoSlideshow: true
		})

	})

</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END