JS地下城 🏰 11F — Lightbox

本來想先來弄履歷，結果發現十一樓出現了，忍不住先來挑戰XD，這次寫的蠻快的，切版花比較多的時間，同樣有Vue跟原生JS版本，header＆footer因為懶所以沿用昨天的計算機的ＸＤ，花費總時間約七～八小時。

設計圖

Demo : https://s3267920.github.io/lightbox/

Code:https://github.com/s3267920/lightbox

ps:因為是直接連圖片所以可能會讀取比較慢。

這次的JS好像沒什麼好講的，就是輪播的概念，所以來說說切版的部分吧，其實本來打算用<img>來放圖片，但因為object-fit支援的瀏覽器比較少，所以還是用background-img來做了。

我其實還蠻少在用動畫效果的，所以這次稍微玩了一點點很無聊的狐狸放大效果(笑，這個部分是先在外層用overflow:hidden來蓋掉transform多出的部分，有想過調background-size，但就沒有漸漸的動畫效果了。

突然覺得心得越寫越少，越寫越廢了（默

題外話，我發現github上傳到page出現需要不少時間。