html5手机触屏滑动图片叠加轮播切换特效代码

html5手机触屏滑动图片叠加轮播切换特效代码

一款html5手机触屏滑动图片叠加轮播切换特效代码,可以在手机端实现自动滑动效果。

使用方法
在页面引入jquery-1.11.2.min.js、jquery.sky.carousel-1.0.2.min.js文件

1
2
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.sky.carousel-1.0.2.min.js"></script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(function () {
    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
    })
 
});

文件信息:

    1

    发表评论