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

著者写真
この記事を書いた人
山本 一道 / 有限会社アップルップル 代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

@kazumich

関連記事

この記事のハッシュタグ #a-blog#API#Google#jQuery#lightbox#カスタマイズ から関連する記事を表示しています。

broken_image No Image
Local Search Control ( Google Maps API ) の利用
機械翻訳はスパム行為なの? 適切なマークアップを調べてみた
機械翻訳はスパム行為なの? 適切なマークアップを調べてみた
画像拡大時のjsをhighslideからprettyPhotoに
画像拡大時のjsをhighslideからprettyPhotoに
broken_image No Image
a-blogにrel=&quot;canonical&quot;を追加する
broken_image No Image
Google Maps API が使えないサイトについて
broken_image No Image
iPhoneでa-blogのGoogleMapsも改良!