腾讯公益 X 一起爱:“小朋友”画廊

2017-09-18 H5案例分享 H5案例分享
腾讯公益 X 一起爱:“小朋友”画廊

案例:“小朋友”画廊

出品:腾讯公益 X 一起爱

亮点:

  1. 策划上,公益类,是腾讯公益与一起爱为帮助“小朋友”乐享之旅而制,① H5首页便是“小朋友”作品展示,用户左右滑动屏幕来选择喜欢的作品;② 点击画作下方的小音标,即可听到画作作者的心声;③ 而只要花一元购画,就既能帮助到“小朋友”又能购买下喜欢的作品作为桌面,虽然现在项目已筹满了,但是里面的画作还是可以正常欣赏的。
  2. 设计上,简洁风格,采用带有浅浅涂鸦的灰白纸张做背景,里面展现的画作有抽象风、卡通风等等,而每张画作均可去聆听作者心声,使这支H5内容更加的饱满生动。
  3. 技术上,左右滑动欣赏不同的画作,是采用JS滑屏组件Swiper来实现的。



技术实现: jQuery + Swiper



案例演示,请长按/扫描以下二维码 ->

识别图中二维码

“小朋友”画廊-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯公益:99+1,让爱满分

腾讯公益:一起爱

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~