Tumblr で画像を Lightbox 表示！(しかも何も導入せずに)

久しぶりに Tumblr の HTML テーマをイジってみたところ、新しい発見があった。そこで、 Tumblr に投稿した画像を Lightbox エフェクトを使って格好良く表示する方法を書いてみる。 そもそも Lightbox とは？ Lightbox とは何ぞや？という人ももちろんいるだろうから簡単に説明すると、画像を画面の真ん中に表示して画像以外を目立たなくするエフェクトのこと。 Tumblr でいうと、新しめの HTML テーマを使っている場合に、フォトセット投稿、あるいはパノラマ投稿した画像をクリックすると、その画像が Lightbox 表示される。 ただし、単純な写真投稿の場合には Lightbox 表示されないので、今回はこの場合にも Lightbox 表示されるようにテーマをイジってみよう。 Lightbox 表示されるように HTML テーマをイジる そもそも Tumbl

[sarahqee]

“{block:Photo} … <a href="{PhotoURL-HighRes}" onclick="Tumblr.Lightbox.init([{ 'width' : '{PhotoWidth-HighRes}', 'height' : '{PhotoHeight-HighRes}', 'low_res' : '{PhotoURL-400}', 'high_res' : '{PhotoURL-HighRes}' }]); return false;"><img src="{PhotoURL-400}" alt="{PhotoAlt}" /></a> … {/block:P

[hattoushinha]

できた！　ちなみに現在地点で公式テーマが更新されてるので、そのまま上書きせずに見ながら随一書き換えたほうがいいですの。