はてなブログで、画像をクリックできないようにする方法はありますか?

画像は普通に投稿した、はてなFotolifeに保存されているものです。
たぶん、HTML編集のところでタグをいじればいいのだと思うのですが、どのタグをどういじればいいのかわかりません。
よろしくお願いします。

回答の条件
  • 1人3回まで
  • 登録:
  • 終了:2014/08/06 22:52:07
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

ベストアンサー

id:sasada No.1

回答回数1482ベストアンサー獲得回数133

ポイント100pt

はてなブログの編集で

f:id:salon_hiyake:YYYYMMDDHHMMSSj:image

とか

<a href="http://f.hatena.ne.jp/salon_hiyake/YYYYMMDDHHMMSS"><img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/YYYYMMDD/YYYYMMDDHHMMSS.jpg" alt="写真のタイトル"></a>

となっているところを、

<img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/YYYYMMDD/YYYYMMDDHHMMSS.jpg" alt="写真のタイトル">

に書き換えます。
 このHTMLタグは、はてなフォトライフで「ブログに貼り付ける」ボタンを表示して表示されるHTMLタグから<a href=なにがし>と</a>を外したものです。

 これで、クリックされても表示が変わることはなくなりますが、リンク先になった著作権の表示は別途考えてくださいませ。

id:salon_hiyake

できました! ありがとうございました。補足に書きましたが、私の環境ではタグは出てこなかったのですが、同様の方法で解決しました。

2014/08/06 22:36:53

その他の回答0件)

id:sasada No.1

回答回数1482ベストアンサー獲得回数133ここでベストアンサー

ポイント100pt

はてなブログの編集で

f:id:salon_hiyake:YYYYMMDDHHMMSSj:image

とか

<a href="http://f.hatena.ne.jp/salon_hiyake/YYYYMMDDHHMMSS"><img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/YYYYMMDD/YYYYMMDDHHMMSS.jpg" alt="写真のタイトル"></a>

となっているところを、

<img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/YYYYMMDD/YYYYMMDDHHMMSS.jpg" alt="写真のタイトル">

に書き換えます。
 このHTMLタグは、はてなフォトライフで「ブログに貼り付ける」ボタンを表示して表示されるHTMLタグから<a href=なにがし>と</a>を外したものです。

 これで、クリックされても表示が変わることはなくなりますが、リンク先になった著作権の表示は別途考えてくださいませ。

id:salon_hiyake

できました! ありがとうございました。補足に書きましたが、私の環境ではタグは出てこなかったのですが、同様の方法で解決しました。

2014/08/06 22:36:53
id:salon_hiyake

デフォルトの投稿で画像を投稿すると、生成されるタグは

<div><img class="hatena-fotolife" title="f:id:salon_hiyake:20140000000000j:plain" src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/salon_hiyake/20140614/20140614194026.jpg" alt="f:id:salon_hiyake:20140000000000j:plain" /></div>

というようなもので、ここには、画像のtitle、画像のファイル名が含まれていて

title="f:id:salon_hiyake:20140000000000j:plain " の部分と、 src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/salon_hiyake/20140614/20140614194026.jpg" の部分。

この部分を単なるpタグにして、以下のようにすると、画像はクリックできないようになる。

<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/画像のファイル名" alt="画像のtitle" /></p>

ちなみに、それを正規表現で検索置換するためには

^<div><img class="hatena-fotolife" title="([^"]+).+salon_hiyake/([¥d/]+¥.jpg).+</div>¥n

を検索して、

<p><img src="http://img.f.hatena.ne.jp/images/fotolife/s/salon_hiyake/¥2" alt="¥1" /><p>¥n

に置換すれば良い、ということになると思います。

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません