注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码
充值

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

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2023-02-24
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>