摘要：今天大挖跟大家講下如何為WordPress文章內(nèi)圖片添加點(diǎn)擊放大功能，關(guān)于文章圖片中的事件效果，有的是彈出放大，有的是新...
今天大挖跟大家講下如何為WordPress文章內(nèi)圖片添加點(diǎn)擊放大功能，關(guān)于文章圖片中的事件效果，有的是彈出放大，有的是新窗口放大，根本功能的定義略有不同，今天跟大家分享一個(gè)可以直接用wordpress插件高效解釋的方案，并且支持自適應(yīng)頁(yè)面的結(jié)構(gòu)與布局。
第一步：查找和安裝Auto Highslide插件并啟用。
或通過(guò)wordpress插件官方將下載Auto Highslide插件，得用FTP上傳至服務(wù)器的wp-content/plugins/目錄文件夾下。
第二步：?jiǎn)⒂貌寮?，需要設(shè)置圖片添加鏈接
wordpress主題默認(rèn)不添加鏈接到原圖，所以需要添加一段代碼，使程序?yàn)閳D片添加鏈接。
編輯主題文件夾下的 header.php ，添加下面的js代碼：
|
1 2 3 4 5 6 7 8 9 |
<script type="text/javascript"> $(function() { $('.entry img').each(function(i){ if (! this.parentNode.href) { $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>"); } }); }); </script> |
第三步：將修改好的header.php覆蓋上傳即可。
當(dāng)然如果已經(jīng)默認(rèn)加了圖片鏈接的文章，可以直接跳過(guò)這個(gè)步驟，
