下文介紹的這個例子就是利用jquery來給我們的圖片增加圖片可點擊的A標(biāo)簽原圖址了,這們做非常的好,一面一起來看看.

由于xiaoxin我也是剛接觸wordpress不久,很多東西也是在慢慢學(xué)習(xí)的過程,所以這個學(xué)習(xí)過程中的一些學(xué)習(xí)筆記,我覺得還是通過這種方式記錄下來,因為這或許對我自己來講也是一種成長的過程,過段時間回頭看看,會發(fā)現(xiàn)慢慢積累的知識,也在不停的壯大,同時我相信來訪問的游客,也需要一些知識來充電.

WordPress日志中插入圖片附件顯示設(shè)置中有四種選擇分別是:自定義URL、媒體文件、附件頁面和無,一般我們選擇第二種鏈接到媒體文件,只有這樣一些圖片暗箱放大特效才能啟用,但很多童鞋對WP基本功能不是很熟習(xí),插入圖片時根本就不知道去選擇顯示方式,當(dāng)發(fā)現(xiàn)無法啟用圖片暗箱放大特效后,為時已晚,重新編輯文章不僅工作量大而且很麻煩,這里提供一個補救的方法.

添加下面的JS代碼到主題header.php模版文件中,代碼如下:

1. <script type="text/javascript">   
2. $(function() {   
3.     $('.entry img').each(function(i){   
4.         if (! this.parentNode.href) {   
5.             $(this).wrap("<a href='"+this.src+"' class='highslide-image' onclick='return hs.expand(this);'></a>");   
6.         } --Vevb.com  
7.     });   
8. });   
9. </script>  

該腳本會檢查文章中的圖片是否包含了鏈接,如果沒有,會自動為圖片添加鏈接到原圖,修改其中的.entry 為你主題正文的CSS類.

如果你的主題未加載jquery.js庫文件,代碼將無效,可以將這句代碼加到上面:

<script src="/jquery/1.7.2/jquery.min.js"></script>