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 のサーバから送られる事になります。


関連記事

この記事のハッシュタグ から関連する記事を表示しています。

Local Search Control ( Google Maps API ) の利用

機械翻訳はスパム行為なの? 適切なマークアップを調べてみた

画像拡大時のjsをhighslideからprettyPhotoに

a-blogにrel=&quot;canonical&quot;を追加する

Google Maps API が使えないサイトについて

iPhoneでa-blogのGoogleMapsも改良!

最新記事

カテゴリー

アーカイブ

ハッシュタグ