******** 本專案仿造： **** //// 底部(下方或後方)圖片乃是原有已經存在的圖片，底下並不具有淡入後淡出之橘黃色[四角弧型rounded正方形]。 //// 最頂部之幾張圖片是新上傳的圖片，當圖片被上傳時，隨即於每張圖片下方顯現淡入後淡出之橘黃色[四角弧型rounded正方形]。 **** 當圖片新上傳後，在呈現淡入後淡出之橘黃色[四角弧型rounded正方形]後，會與舊圖片一樣。 一旦游標位移至圖片上方時，隨即觸發圖片、使圖片底下會突然冒出一個灰色[四角弧型rounded正方形]： //// 當滑鼠位移到內容物(譬如一張圖片)上方時， 藉由hover法，圖片底下會突然冒出一個[四角弧型rounded正方形]， 致使圖片呈現出被一個四角弧型rounded正方形包圍的情形。 一旦滑鼠位移開該張圖片，rounded正方形會瞬間消失。 同樣地，當滑鼠位移到旁邊另一張新的圖片上方時， 另一張圖片下方會突然冒出一個[四角弧型rounded正方形]。 **** ★本單元特別新增： 按F12觀看Console： ////短按滑鼠左鍵、於一秒內放開滑鼠左鍵，呈現： A短按buttonInfoSRC=、無論點擊時間長短，只要點擊必出現buttonInfoSRC= ^圖片維持透明底色 ////滑鼠左鍵點擊圖片後不放、於一秒內移動滑鼠左鍵，使游標離開圖片，呈現： B短按後離開buttonInfoSRC= ^圖片維持透明底色 ////滑鼠左鍵點擊圖片後不放維持超過一秒鐘，呈現： 遭受長按buttonInfoSRC= ^圖片底部出現藍色rounded正方形 **** 藉由flex使多張圖片水平排列後，當瀏覽器縮小時，圖片可換列