lpgray / wx-scene

A swiper lib.

wx-scene

手机单页滑屏组件，常用于微信营销业务方面，只适用于移动端，不依赖任何类库。

一些案例

以下东西都请用手机或者PC的手机模拟器打开，部分必须在微信内置浏览器打开，当然你也可以自己改UA头，加上 MicroMessenger 即可。

• http://weixin.xici.net/html/cracker/
• http://weixin.xici.net/html/gongji/
• http://weixin.xici.net/html/xuwei/

浏览器支持

• Android 4.0
• iOS 6.0

使用方法

可以参考 example/index.html 使用。

API

new WxScene(options);

options

• pages : [Array]
• music : [String]
• loading : [String]
• onPageLoad : [Function]
• onPageScroll : [Function]

pages

每一页的元素声明，包括背景及子元素。例如：

new WxScene({
	pages : [
		{
			bg : 'image.jpg',
			items : [
				{
					bg : 'image.png',
					animate : 'animate_fade_from_bottom',
					delay : 0.2
				}
			]
		}
	]
})

pages下items的参数说明

bg

当前元素的背景图片地址

animate

动画类型字符串：

• animate_fade
• animate_fade_from_bottom
• animate_fade_from_right
• animate_fade_from_left
• animate_peng

delay

当前元素延迟显示的秒数，默认 0.2 。

music

默认是 null, 需要播放的背景音乐url地址，如果不提供，音乐播放功能将不会被启用。

loading

默认是 null, 这个参数是指定loading页面的标题，loading设定后，会加载所有 pages 需要用的图片资源，加载完毕后显示第一页。

onPageLoad

每一页加载之后的回调函数，接受一个参数，代表页码

onPageScroll

每一页滚走之前的回调函数，接受一个参数，代表滚走的页码

TODO

• 微信分享