コメント内に画像を挿入する方法 

先日はコメントに返信ボタンを付けて見ましたが、
今回は、コメント欄に画像を表示する方法をご紹介。

【設置方法】
(1)コメント欄

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

要点:「comment_body」領域にidを付ける

(2)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>

【使用方法】
 コメント本文に画像のURLを記述するだけ
 画像の種類は jpg,gif,png 可
 サンプル:こちらの記事のコメント3つ【CM:NO.6718-6720】

 参考サイト:FCafe コメント欄に画像
関連記事
  関連商品のご紹介
【スポンサーリンク】

最終更新日時: 2018年11月08日(木)02:35:29
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment