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

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

js代码
<scriptsrc="js/jquery-1.11.2.min.js"></script>
<scriptsrc="js/jquery.cycle2.min.js"></script>
<scriptsrc="js/jquery.sky.carousel-1.0.2.min.js"></script>
<scriptsrc="js/lib.js"></script>
<scriptsrc="js/scripts.js"></script>
<scripttype="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>



下载

2023-11-23 01:12 上传

点击文件名下载附件