人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: サロン日焼け
●カテゴリ:はてなの使い方 ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● sasada
●100ポイント ベストアンサー

はてなブログの編集で

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>を外したものです。

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


サロン日焼けさんのコメント
できました! ありがとうございました。補足に書きましたが、私の環境では<a>タグは出てこなかったのですが、同様の方法で解決しました。

質問者から

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

<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

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


関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ