FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

写真をタイル状に並べてくれるjQuery「jMosaic」

   

01
jMosaic

写真の高さなどを自動的にリサイズしてタイル状に並べてくれるjQuery「jMosaic」です。

SPONSORED LINK

使い方

使い方は簡単で、jQueryと「jquery.jMosaic.js」を読み込みます。

CSSを読み込みます。

HTMLは単純にdivで囲み、画像を挿入するだけです。

jMosaicを開始すれば終了です。

写真が複数あるけど、高さが違う場合などに重宝しますね!

jMosaic

 - jQuery