jQuery Masonryのギャラリーの画像にホバーしたときに動きを付けてみる
今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがでるようしてみました。
サンプルコードの実行結果はこちら
今回使用したプラグイン
・Mansonry
・imagesloaded
...
Masonry
jQuery jQuery Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる
前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。
サンプルコードの実行結果はこちら
今回使用したプラグイン
・Masonry
・colorbox
・imagesloaded
...
jQuery Masonryのギャラリーにフィルター機能を追加する
Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します。
サンプルコードの実行結果はこちら
...
jQuery Masonryでギャラリーページを作ってみる
今回使用するjQueryプラグイン
●Masonry
フレキシブルなレイアウトを生成するために使用するjQueryプラグインです、幅、高さが異なるコンテンツを領域ぴったしに並べるためのものです。
●imagesLoaded
...