[S17_WebFund] Lab4 資工三甲 403261261 黃昱綺

Group content visibility: 
Use group defaults
Groups audience: 

1.GithubPage連結

https://yuchihuang.github.io/index.html

 

2.GithubPage截圖和實作功能敘述

https://yuchihuang.github.io/anime.html

這次主要的功能在Anime頁面。按下那兩個左右按鈕可以切換圖片,並且有FadeIn FadeOut 的動畫。

之後會嘗試在Music那頁加上圖片固定時間自動變換的動畫。

 

3.FreeCodeCamp完成單元之截圖

 

4.心得

以前習慣用JavaScript寫html物件的class或id來改變參數,這次用jQuery寫覺得程式碼簡潔了不少。

因為有用到切換圖片的功能所以載入圖片的速度也是一個問題,如果網速太慢圖片可能會先顯示舊的圖片過1、2秒後才更新圖片,當然若是已經載入過快取,圖片是即時切換的。

雖然還沒試過,不知是否能將音樂檔上傳到github裡直接經由網站撥放,繼續研究。