作品画像一部アップ
2009/07/07 Tue
作品画像のページをどうしようかとずいぶん悩んだ。
最近はポップアップで画像を開くのは(一時広告が凄かったので)敬遠される傾向にあるようで、別の方法で模索。
同一ページ内で見えるようにしたかったのだけど、サイトの幅も少ないしでどうもなー。
というわけで、今流行り(?)のLightboxを使って見せることにした。
最初はLightboxの動きが重いというか遅いというかでイヤだったので、ThickBoxにしようと試していたのだが上手く表示できなかったのだ・・・
画像のリンク先がかなり遠かったので、そのせいだったのか。
でも一緒にダウンロードしたloadingAnimation.gifを読み込ませるまでは割と上手くいってたんだよなぁ・・・
まあそれはいいとして、結局Lightboxにした。画像フォルダも同じ階層に置いた。
本家のPrototypeライブラリではなく、軽量なjQueryライブラリを使って動かせるプラグインがあったのでそっちを使ってみた。
これなら画像が表示されるまでの動きもけっこう早いのでこのままいきます。
ただwindows版IE5.5では 小さい画像→大きき画像 のページ遷移だけになってしまうのでIE6以上推奨。
しかしIE6とIE7もCSSサポートの面で不安があるようで、画像幅が狭いと画像下のキャプションとか綺麗に表示されなかったりする。 サムネイル画像の表示も崩れちゃってるしなぁ・・・
そんなんで今のところwindows版IE8とFirefox3で正常に表示されるのを確認しています。これからCSSハックも試してみます。
あと何故かMacのNetscape7でも綺麗に表示されます。SafariとOperaは未確認。
開発環境可笑しすぎ。爆
最近はポップアップで画像を開くのは(一時広告が凄かったので)敬遠される傾向にあるようで、別の方法で模索。
同一ページ内で見えるようにしたかったのだけど、サイトの幅も少ないしでどうもなー。
というわけで、今流行り(?)のLightboxを使って見せることにした。
最初はLightboxの動きが重いというか遅いというかでイヤだったので、ThickBoxにしようと試していたのだが上手く表示できなかったのだ・・・
画像のリンク先がかなり遠かったので、そのせいだったのか。
でも一緒にダウンロードしたloadingAnimation.gifを読み込ませるまでは割と上手くいってたんだよなぁ・・・
まあそれはいいとして、結局Lightboxにした。画像フォルダも同じ階層に置いた。
本家のPrototypeライブラリではなく、軽量なjQueryライブラリを使って動かせるプラグインがあったのでそっちを使ってみた。
これなら画像が表示されるまでの動きもけっこう早いのでこのままいきます。
ただwindows版IE5.5では 小さい画像→大きき画像 のページ遷移だけになってしまうのでIE6以上推奨。
しかしIE6とIE7もCSSサポートの面で不安があるようで、画像幅が狭いと画像下のキャプションとか綺麗に表示されなかったりする。 サムネイル画像の表示も崩れちゃってるしなぁ・・・
そんなんで今のところwindows版IE8とFirefox3で正常に表示されるのを確認しています。これからCSSハックも試してみます。
あと何故かMacのNetscape7でも綺麗に表示されます。SafariとOperaは未確認。
開発環境可笑しすぎ。爆