懒人之家--可能是JS网页特效代码收集最全的懒站!

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-09-14
一款基于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>