2008年06月15日

lightbox から prettyPhoto に変更しました

Lightboxを利用する設定になっていましたが、prototype の利用をやめ、jQueryを利用するようにし、prettyPhoto を利用する事にしてみました。

prettyPhoto では、画面のサイズが小さな時にサイズをあわせて拡大してくれるようで、縦長の画像とかがはみ出してしまう事がないのがよかったかもしれません。デフォルトの角丸をもう少し小さなものにしたいところですね。

確認用サンプル画像

ユーノスロードスター

ユーノスロードスター

スマートカブリオ

スマートカブリオ

ニュービートルカブリオレ

ニュービートルカブリオレ

また、Google AJAX Libraries API を利用するようにしました。今後は仕事で jQuery や prototype を利用する際にもコレを利用するようにしようかと思います。多くのサーバで利用されるようになる事でキャッシュが利用できるようになり、帯域の節約になるそうなので、皆さんで使いましょう！

<script src="http://www.google.com/jsapi"></script> 
<script type="text/javascript"> 
	google.load("jquery", "1");
</script>

このように書く事で、jquery は Google のサーバから送られる事になります。

シェアする | Yahoo!ブックマークに登録

関連タグa-blogAPIGooglejQuerylightboxカスタマイズ

関連エントリー

上記のエントリーについているタグと関連にするエントリーをいくつかピックアップしています。

login

a-blog cms