画像拡大時のjsをhighslideからprettyPhotoに
a-blog cms では、画像の拡大で利用するJSはHighslide のものを利用していますが、Lightbox で表示させたい人もいるのではないかと思います。
そんな中で、私としては prettyPhoto がお気に入りだったりします。理由としては、表示時に画面サイズが狭かったら、収まるように表示してくれるところがイイと思ってます。
以下に、その実装方法を書いておきます。
選択されているタグ : カスタマイズ , jQuery
タグを絞り込む : a-blog ablogcms API Google highslide lightbox prettyPhoto
lightbox から prettyPhoto に変更しました
Lightboxを利用する設定になっていましたが、prototype の利用をやめ、jQueryを利用するようにし、prettyPhoto を利用する事にしてみました。
prettyPhoto では、画面のサイズが小さな時にサイズをあわせて拡大してくれるようで、縦長の画像とかがはみ出してしまう事がないのがよかったかもしれません。デフォルトの角丸をもう少し小さなものにしたいところですね。
確認用サンプル画像
ユーノスロードスター
スマートカブリオ
ニュービートルカブリオレ
