TOP > jQuery > 画像のサムネイル表示

画像のサムネイル表示


可変グリッドレイアウトのvgridを使ってみました。

正方形の写真にタイトルをつけて並べてみました。


手順1.vgridをダウンロードしてくる

vgridの公式サイトからダウンロードしてきます。
vgridを使うには、jQuery本体とjquery.easingも必要なようです。

手順2.headで必要なファイルのパスを通す。

以下の3つのファイルにパスを通します。

js/jquery-1.4.2.min.js
js/jquery.easing.min.js
js/jquery.vgrid.min.js


手順3.任意のクラスをセットして、vgridをロード。



手順4.divタグをセットし、画像をセット。






[htmlのソース]





[実行結果]


ビーチ

カヤック

海の中

海草

夕日

ヒトデ

ハイビスカス

夜景

海岸


Sponsored Link
Powered by PHPなんか怖くないぞ(>_<)