東京都新宿区のWeb制作会社 ウェブラボ株式会社

クリエイターブログ

画像並び替えプラグイン レスポンシブ対応

2015.08.25 Posted by

こんにちは、ウェブラボ技術メモ第15回目です。

今回は画像を綺麗に並べてくれるプラグインの紹介です。

今回使用するプラグインはこちらです。

http://miromannino.github.io/Justified-Gallery/

DLしたファイルの、jsとcssを読み込ませます。

オプションは以下になります。

その他にも色々とありますので、下記にて試してみてください。

http://miromannino.github.io/Justified-Gallery/options-and-events/

作ったDEMOがこちらになります。

DEMO

rel属性を書き換えられるので、LightBoxと併用して使うといいかもしれませんね。

外側の要素のwidthを%で指定すれば、後は自動的にレスポンシブ対応もしてくれます!

便利ですね。

画像は以下のWebサイトよりダウンロードさせて頂きました。

ソザイング

以上ウェブラボ技術メモでした。

オリエンシートダウンロード

オリエンシートダウンロード

PAGETOP

お問い合わせContact

まずはお気軽にご相談ください。

Web制作・コンサルティング・システム開発に関するお問い合わせ・お見積もり依頼は、
電話・問い合わせフォームより受け付けております。(受付時間:平日9:30〜18:30)

〒160-0004 東京都新宿区四谷4丁目33-2
マーキュリースクエア4F

TEL:03-5366-3277 FAX:03-5366-3278