Javascript：jQuery 點小圖換大圖
9/7補：因網站不再使用 Elementor 故以下圖片原本會點小圖切換，移除 Elementor 失效了 拿現有的圖來示範下，雖然醜了點，但效果有達到就好。 圖片大小最好一致、且與大圖切齊，不然有大有小，排版不太好看(笑)。 可搭配elevatezoom.js來用，大圖加上放大鏡。 另外在手機版， …
PHP：strftime()函數經過setlocale()後輸出亂碼問題
strftime()函數經過setlocale()後，輸出亂碼如下圖 一開始爬文找PHP亂碼，指向幾個解決方案1、php內加入 header(“Content-Type:text/html; charset=utf-8”); 2、php.ini修改default_charse …
XAMPP(win)：Apache 索引檔名長度導致亂碼問題
碰到狀況如下圖，查看短檔名的沒問題，長檔名的尾部就呈現亂碼 Google了下，解法就是修改httpd-autoindex.con內IndexOptions FancyIndexing HTMLTable VersionSort這段後面加入NameWidth=* IndexOptions FancyI …
VS Code：PHP executable not found. Install PHP 7 and add it to your PATH or set the php.executablePath setting
每次裝完VS Code 設定php.exe路徑都會忘了加 “php.validate.executablePath”: 導致怎麼試正反斜線都抓不到記錄一下，以免下次又忘。{ “php.validate.executablePath”: “D …
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 …
PHP：網頁跳錯 Fatal error: Cannot re-assign auto-global variable _FILE
聽到前公司老PHP網站無法新增最新消息問題，雖對PHP還不熟，但當是學習所以自願幫忙。為判斷是哪兒出問題，所以先開啟PHP偵錯功能#vim /etc/php.ini找到display_errors off -> on #systemctl restart httpd完成後，測試新增消 …