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

一款基于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>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载