今回のバージョンアップによって、PwBlogでは画像をクリックすると、ポップアップされる機能が追加された様です。
これは、小さい画像を大きくして見たい時には、便利な機能ですね。
その一方で、ちょっと気になる点も出てきます。
まず、バージョンアップ前に登録した記事には適用されていないという点。
それから、時に「ポップアップされる画像デカすぎ！」と感じる点。
このエントリーでは、その辺について考えてみました。
まず、ポップアップされる画像と、そうでない画像の差は、元画像へのリンクが付いているか否かということ。
バージョンアップ前にエントリーした記事の画像は、元画像へのリンクがあってもポップアップされませんが、これは、記事の編集でリンクタグに
rel="lightbox" というのを追記すれば大丈夫な様です。
例えば、
フリーコメントを使ってリンク集を作るという私のエントリーの例。
そこで使っているこの画像。
これが、サムネイル表示で元画像へのリンクがない状態。
これに、元画像へのリンクをつけると…
こうなります。
ポップアップさせる為のタグは入れていませんので、クリックすると、元画像を原寸表示します。
この時のソースが、これです。
＜a href="http://www.pwblog.com/user/yohko/files/07082902.jpg"＞＜img src="http://www.pwblog.com/user/yohko/files/07082902_s.jpg" alt="アイコンは出たけれど" height="119" width="103" style="margin:10px 2px 10px 8px" align="left"＞＜/a＞
バージョンアップ前に登録した記事本文に使った画像は、確かこの状態になっています。
これを、今回のバージョンアップに伴うポップアップ機能に対応させるには…
画像をクリックすると、ポップアップされます。
編集機能で、以下の部分を追加すればOKです。
＜a href="http://www.pwblog.com/user/yohko/files/07082902.jpg" rel="lightbox"＞＜img src="http://www.pwblog.com/user/yohko/files/07082902_s.jpg" alt="アイコンは出たけれど" height="119" width="103" style="margin:10px 2px 10px 8px" align="left"＞＜/a＞
逆に言えば、ポップアップを使わずに原寸表示させたい時は、この
rel="lightbox" を使わなければいい訳ですね。
どっちが良いか、考えながら使ってみてください。
「ポップアップされる画像デカすぎ！」については、別の機会に書く事にします。
