Presented by Nishishi via Movable Type. Last Updated: 2008/10/10. 05:19:44.

解説画像に凝りすぎた1本目の記事

某A社、10月1本目の記事を書きましたです。
写真とかイラストとかを大量に掲載しているページで使うと便利な、「Lightbox Plus」というスクリプトを使って、[サムネイル画像⇔拡大画像]をスムーズに切り替えられるページの作り方。

なんか、解説用の画像にずーいぶん凝ってしまいました。
ディレクトリ構成を細かく描いてみたり、説明箇所に文字を加えるために「吹き出し」を描いてみたり……。
解説よりも、説明用画像を作る方に時間をかけ過ぎたよーな気も……。

別窓を開かずに、その場で拡大画像を表示!-Lightbox Plusの使い方

この手の効果を加えるスクリプトは、いろんな種類が公開されてます。本家本元は「Lightbox」というスクリプトで、現在「Lightbox2」がリリースされています。これを使って解説しても良かったんですけど、Lightbox2の使い方は他の某IT解説系サイトでも詳しく解説されてたので、同じことを書いても仕方がないよな……と思って、「Lightbox Plus」にしてみました。こっちの方が、使うファイル数も少ないのでシンプルですし。(その分、機能もシンプルですが。)

この日記へのコメントはお気軽に! コメント数:0 トラックバック数:0

コメント

コメント数: 0件

コメント投稿欄 この日記に対するコメント投稿を歓迎します。

保存しますか?



※本文中にURLは書けません。(書くと投稿が拒否されますのでご注意下さい。)

投稿後、投稿できていないように見えることがあります。ブラウザのキャッシュが読まれているだけですので、ページを再読込すれば(=たいてい[F5]キーを押せば)投稿内容が反映されていることが確認できるはずです。連続投稿を試す前にご確認下さい。(^^;)

トラックバック

このエントリーへのトラックバックURLを表示するにはここをクリック
※スパム防止のため、トラックバックURLは別ウインドウで表示します。(JavaScriptが有効でないと表示されません。)