讓blogger圖片自動燈箱顯示

首先隨便你喜歡哪一套燈箱程式都可以,然後也得讓你的blogger支援 jQuery ,這兩部份資料很多所以省略。

但燈箱範例裡都會要使用者在圖片裡加上 <a class=”lightbox”… 或者 <div id=”gallery”…. 類似的動作,但誰那麼勤勞每次都手動加上勒,所以我就幫他加上一段 jQuery 程式

   1: $(function() {
   2: $('div[id^="post-body-"] a').each(function(){
   3:     if (($(this).attr("href").toUpperCase().indexOf(".JPG")!== -1) || ($(this).attr("href").toUpperCase().indexOf(".PNG")!== -1))
   4:        $(this).lightBox();
   5: });
   6: });

這樣一來管你是JPG或PNG檔,連大小寫都不管,只要貼上全都套上燈箱。

沒有留言:

張貼留言