Javascript：jQuery 點小圖換大圖
9/7補：因網站不再使用 Elementor 故以下圖片原本會點小圖切換，移除 Elementor 失效了 拿現有的圖來示範下，雖然醜了點，但效果有達到就好。 圖片大小最好一致、且與大圖切齊，不然有大有小，排版不太好看(笑)。 可搭配elevatezoom.js來用，大圖加上放大鏡。 另外在手機版， …
Javascript 30-Drum Kit 按鍵特效跑不出
今天練習JS30 01 – JavaScript Drum Kit/，一直試不出按下鍵盤後的特效因我是用VS Code寫HTML，在創建HTML時，會自動幫我產出 <!DOCTYPE html><html><head> <meta charset=”utf-8″ …
jQuery：CSS 隱藏物件，點擊顯示
這樣寫CSS、jQuery可能不是最正確的，但我只會基本寫法，先記錄下來產品選單： [ebike]、[bicycle]、[racket]、[ski]有共通的 css=”gallery-item-thumbnail-wrap”點擊所選的產品後顯示相關說明並隱藏其他產品說明 /* …
WordPress：引入elevatezoom.js，讓圖片加上放大鏡
公司網站主要是用Elementor 編輯做成，雖然WordPress 上有外掛可放大圖片，但Elementor上似乎沒看到？公司需求是點小圖切換大圖、圖能加上放大鏡功能。因此找到elevatezoom.js來協助達成。官網及語法參考：http://www.elevateweb.co.uk/image …