支持移动触摸设备的简洁 -JS/jQuery代码 -演示与下载 -时代Java

Single element

6
1
2
3
4
5
6
1

document.addEventListener('DOMContentLoaded', function
                        () { var simple = document.querySelector('.js_simple'); lory(simple, { infinite:
                        1 }); });

Variable width

220
190
150
130
250
180
200
140
120
240

document.addEventListener('DOMContentLoaded', function
                        () { var variableWidth = document.querySelector('.js_variablewlidth'); lory(variableWidth,
                        { rewind: true }); });

Multiple slides to scroll

9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4

document.addEventListener('DOMContentLoaded', function
                        () { var multiSlides = document.querySelector('.js_multislides'); lory(multiSlides,
                        { infinite: 4, slidesToScroll: 4 }); });

Custom easings

9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4

document.addEventListener('DOMContentLoaded', function
                        () { var ease = document.querySelector('.js_ease'); // http://easings.net/ lory(ease,
                        { infinite: 4, slidesToScroll: 4, slideSpeed: 1000, ease: 'cubic-bezier(0.455, 0.03,
                        0.515, 0.955)' }); });

下载代码说明

jQuery实现的支持移动触摸设备幻灯片效果源码

这是一款支持移动触摸设备幻灯片特效源码，是一款基于lory插件实现的简洁js图片切换代码。提供了几种常见的幻灯切换效果，非常简洁实用，是一款优秀的特效源码，该源码兼容目前最新的各类主流浏览器。