Creative Commons License
發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.

痞客邦把部落格板主回覆區塊的 html 鎖起來了,也就是當我們在張貼<、>這類符號時,他會將這兩個字元轉換為&lt;、&gt;,但是我們可以透過一個簡單的replace語法,再把這兩個符號給轉換回來。不過為了貼圖方便,我們不必那麼死板板的單純只做轉換,可以仿造cbox的貼圖方式,設計一個貼圖語法為:[img:圖片網址]

將以下語法張貼在頁尾描述即可:

<script type="text/javascript">
jQuery("li.reply-text,#latest-comment li").each(function(i){
var $this = jQuery(this);
$this.html($this.html()
.replace("[img:","<img src='")
.replace("]","'>")
)
});
</script>

在使用的時候,只要貼上 [img:圖片網址] 就可以顯示圖片了。

 

不過我想站長們通常都是把圖片放在同一個資料夾下,因此我們又可以將程式改寫,把空間寫進程式中(請注意程式第 5 行的差異)

將以下語法張貼在頁尾描述即可:

<script type="text/javascript">
jQuery("li.reply-text,#latest-comment li").each(function(i){
var $this = jQuery(this);
$this.html($this.html()
.replace("[img:","<img src='http://放圖片的空間網址/")
.replace("]","'>")
)
});
</script>

如此,我們只要打上:[img:圖片檔名],就可以使用了,但要注意的是,這個功能只能顯示 一張 圖片。而且以後回覆留言的時候不能單獨使用 ] 這個字,如果有特別需要用到的話,請修改語法第 6 行的 ] ,將他改為別的字元,如 _] (請自行設計),如果有做此設定的話,當然貼圖語法也要跟著改為 [img:圖片檔名_]

 

套用效果可以參考本篇 blog 站長自問自答的回覆。

bshadow 發表在 痞客邦 PIXNET 留言(7) 人氣()


留言列表 (7)

發表留言
  • bshadow
  • 我有問題!
  • 什麼問題呢?[img:a55bdb344892676b0fea545354654a49.gif_]

    bshadow 於 2010/10/07 04:24 回覆

  • 菲菲
  • 為什麼香蕉小子不會動...
  • 請按ctrl+F5重整就會動了…
    有時候會怪怪的[img:cry.gif_]

    bshadow 於 2009/08/11 20:47 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼