分享至
我們要在 Lightbox 裡面放照片的幻燈片(slide),使用者可以按左右箭頭看下一張或前一張照片,在行動裝置上支援觸控手勢。
Slide的做法是把所有照片橫向排列,照片外其實有一個等於瀏覽器大小的外框,照片在框內置中對齊。React 元件有一個控制照片index的功能,將slide往左位移 index * 100% width,再加上 transition 效果。
(未完)
IT邦幫忙