読者です 読者をやめる 読者になる 読者になる

すなばいじり

はてなブログを使って、トンピーを揃えるまで止めないブログ。ふっくらかわいい。


こちらは、水先案内です。
あわせて読みたい 機能 をどうぞご利用ください。
Proxy Hacking Protection を どうぞご利用ください。


Hatena::diary ネタまとめ
Hatena::blog SLview+ 開発日誌
Develop::site Cosmonaut
人気記事表示するやつと、それをTwitterへアナウンスするやつ

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

sandbox JavaScript はてな 大はてな実験

書いた。

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

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

f:id:psne:20150108223726j:plain

 

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

f:id:psne:20150108223726j:plain

二枚の画像で実際に試す事ができます。(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:既に締め切られている