Thumbnail Grid with Expanding Preview | Codrops
A tutorial on how to create a thumbnail grid with an expanding image preview similar to the effect seen on Google Images. If you have searched images on Google recently, you might have noticed the interesting expanding preview for a larger image when you click on a thumbnail. It’s a really nice effect and it is very practical, making a search much easier. Today we want to show you how to create a
画像を綺麗に整列させるjQueryプラグイン「CollagePlus」 – bl6.jp
画像を綺麗に整列させる便利なjQueryプラグイン「CollagePlus」がよかったのでメモがてらご紹介します。イメージギャラリーとかに使ってみたいですね。実際のデモはレスポンシブにもなっていてブラウザ幅に合わせて可変していきます。オプションで自分の好きなエフェクトも選べるのもいいですね。 [ads_center] 使い方 こんな感じで綺麗に整列させることができます。マウスオーバーするとキャプションも表示されます。 使い方もとてもシンプルですね。 // マークアップ <div class="Collage"> <img src="example1.jpg" /> <img src="example2.jpg" /> <img src="example3.jpg" /> </div> // プラグインをセット $('.Collage').collagePlus(); 最初に表示される時のエ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
