POST TIME:2020-04-03 15:34
接下來通過簡單的幾個步驟說明,為織夢CMS頁面上的圖片添加LightBox展示效果。
上傳文件及添加代碼
首先,下載LightBox插件的源代碼,該份源代碼包括有一個index.htm示例頁面以及相關的JS、CSS文件。把除index.htm文件的整個lightbox目錄上傳至DedeCMS的默認模板(Default)目錄下,再將下面所示的代碼復制到默認模板(Default)目錄下的article_image.htm文件內,放在<head></head>之間:
上面這部份代碼即是LightBox源代碼中index.htm文件內的一部份,只是在復制到DedeCMS模板文件的時候注意一下JS文件的調用路徑。
完成這兩步后,即可在DedeCMS的圖片展示模塊中實現LightBox效果,如果打算在織夢內容管理系統的文章模塊或軟件下載模塊也實現LightBox效果,建議把上面的代碼添加到head.htm文件中,這樣就可以保證凡是調用了head.htm的文件都實現LightBox效果。