はてなブログの画像を拡大しないやつ

書いた。

記事内の画像を拡大表示をさせない

通常通りに貼り付けると、クリックすると拡大表示されます。(PC版)

これを拡大表示しないようにしたい。

二枚の画像で実際に試す事ができます。(PCのみ)

 どういうこと？

<img class="hatena-fotolife" title="クリックすると拡大表示されます" src="data" />

手動で行うには、HTML編集にてクラス hatena-fotolife を取り除いてあげれば良いのですが、たくさん画像を貼った後に全てを取り除くのは面倒。
サクッと全部クリックしても無反応にしたい。

という為のやつです。

なお、はてな記法では、

[f:id:psne:20150108223726j:plain]

こちらを

[f:id:psne:20150108223726j:image]

このように書き換えると、fotolifeへのリンクに変わるため、fotolife側で制御する事ができる　という事らしいです。

どうやって使うの？

以下をコピーして、デザイン編集 → カスタマイズ → フッタHTML に貼り付け

<script src="//niyari.github.io/hatenablog-modules/disable-cbox.js" charset="utf-8" defer></script>

今回は一行でOKです。

どうぞご利用ください。 

そういえばa-kuma3さんが関連エントリーを書いていたなぁと調べたら逆の仕様の事だった。

はてなブログで LightBox ちっくなことを - おまえ、うまそうだな

こちらの回答になります。*1

ほかの 大はてな実験 を見る

*1:既に締め切られている