iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 27
0

我們要在 Lightbox 裡面放照片的幻燈片(slide),使用者可以按左右箭頭看下一張或前一張照片,在行動裝置上支援觸控手勢。

Slide的做法是把所有照片橫向排列,照片外其實有一個等於瀏覽器大小的外框,照片在框內置中對齊。React 元件有一個控制照片index的功能,將slide往左位移 index * 100% width,再加上 transition 效果。

(未完)


上一篇
Lightbox
下一篇
Share
系列文
如何在前端開發流程中加入使用者經驗設計 - 以線上相簿為例30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言