案例:“小朋友”画廊
出品:腾讯公益 X 一起爱
亮点:
策划上,公益类,是腾讯公益与一起爱为帮助“小朋友”乐享之旅而制,① H5首页便是“小朋友”作品展示,用户左右滑动屏幕来选择喜欢的作品;② 点击画作下方的小音标,即可听到画作作者的心声;③ 而只要花一元购画,就既能帮助到“小朋友”又能购买下喜欢的作品作为桌面,虽然现在项目已筹满了,但是里面的画作还是可以正常欣赏的。
设计上,简洁风格,采用带有浅浅涂鸦的灰白纸张做背景,里面展现的画作有抽象风、卡通风等等,而每张画作均可去聆听作者心声,使这支H5内容更加的饱满生动。
技术上,左右滑动欣赏不同的画作,是采用JS滑屏组件Swiper来实现的。
技术实现: jQuery + Swiper
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
确定
分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,使用“扫一扫”即可将网页分享至朋友圈。