ファンブログ テック

コメント欄に写真やイラスト画像を投稿できるプラグイン

2014年01月28日

先日、コメント欄で「絵文字」を使えるプラグインを紹介しましたが、今回は絵文字以外にも「写真」や「イラスト」などの画像をコメント欄で使えるようにするプラグイン。コメント欄に画像URLを入れるだけで、自動で画像に変換します。

すでにインターネットに公開されている画像を表示するだけで、アップロードは出来ません。

このプラグインには、チェック機能はありません。簡単に使えますが誰かが悪意を持って、わいせつ画像や、著作権に抵触する画像のURLを入力してもそのまま表示してしまいます。このプラグインを使うことで何らかのトラブルや損害が発生しても、当サイトは一切の責任を負いません。それを了承の上でお使いください。

PCとスマホでスキンが違うので、プラグインも２種類あります。

PC用は以下のソースです。別ページ「プラグインの設置方法」の説明を見ながら設置してください。

<script type="text/javascript" src="https://fanblogs.jp/techs/file/plugin_comments_image.js" charset="utf-8"></script>

スマートフォン用プラグインの設置方法は「スマホ版プラグインの設置方法」に書いてあります。参照しながら設置してください。

<script type="text/javascript" src="https://fanblogs.jp/techs/file/sp_plugin_comments_image.js" charset="utf-8"></script>

コメント欄に画像のURLを入力するだけです。

URLの末尾が .jpg .jpeg .png .gif のどれかなら画像に変えて表示します。コメント欄より幅がある大きな画像は自動で縮小します。

たとえば、このページの最初にあったキャプチャは下の通りに入力した結果です。

コメント欄に画像を投稿しました。

https://fanblogs.jp/mikannoheya/file/697/grWCrYLngt-C8amH.jpg

これは「みかんの部屋」のイラストです。
https://fanblogs.jp/mikannoheya/archive/1576/0

デモは、このページのコメント欄をご覧ください。実際に送信しなくても、画像のURLを入れるとどのように表示されるかプレビュー機能でわかります。

サンプル画像は「みかんの部屋」 2013年11月26日の記事「クリスマスのブログパーツの紹介♪」からお借りしました。