FC2ブログ
 

*Love*Dachs*天然でぉとぼけな5ゎん ★ダックスファミリーのブログ★ 

コメントに画像をアップする方法

   ↑  2008/01/26 (土)  カテゴリー: *FC2ブログ カスタマィズ*

コメントに画像をアップする方法です。

FCafeさんのサイトから 勉強させていただきましたemoji


【 設置方法 】 以下のソースを<head>~</head>に貼り付けます。

 

<!-- コメントに画像アップスクリプト -->

<script type="text/javascript">
function GinC(id) {
var C = document.getElementById(id);
C.innerHTML=C.innerHTML.replace(/>(http[-\w\/:.?]+(jpg|png|gif))</g, "><img src='$1'><");
}
</script>

 


コメント部を以下のようにします (例)

の部分を追加しました。

 

<p class="△" id="c<%comment_no>"><%comment_body></p>
<script type="text/javascript">GinC("c<%comment_no>")</script>

 

コメント本文領域に id を付け その後に(commentブロック内に)スクリプト関数を書いて下さい。

 ちなみにσ(・ε・`●私)のテンプレートでは こうなりました^^

 

 <div class="cb_title">COMMENT</div>
  <!--comment-->
  <div class="section" id="comment<%comment_no>">
   <div class="c_title"><%comment_title></div>
   <div class="c_body">
<p class="::::" id="c<%comment_no>"><%comment_body></p>
<script type="text/javascript">GinC("c<%comment_no>")</script>
</div>
   <div class="c_footer">

あとは普通にコメントを書く時、http~始まる画像のURLを書き込めば画像がアップできます。

【 解 説 】 コメント投稿時に http://blog-imgs-▼.fc2.com/.../:::.jpg  などと画像のURLを記入すると、コメント領域にその画像が表示されます。  jpg でも gifでも可 です。 

( IEとFIreFox で作動を確認。 )
★原寸で表示されますので大きな画像を貼られると3カラム等では表示が崩れる可能性があります。 また、表示も重くなりますのでスパムもどきとならないよう御注意下さい。

 

FC2スレッドテーマ : *memo*φ(・ω・*(・ω・*)φメモメモ♪ (ジャンル : ブログ

(記事編集) http://ange08.blog10.fc2.com/blog-entry-77.html

2008/01/26 | Comment (-) | HOME | ↑ ページ先頭へ ↑ |