コーディング関連の情報をお届けします。

ウェブ制作、コーディング初心者のメモ

Masonry

: jQuery

Masonryのギャラリーの画像にホバーしたときに動きを付けてみる

2015/10/29 Masonry, ホバー

今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがでるようしてみました。サンプルコードの実行結果はこちら今回使用したプラグイン・Mansonry ...

: jQuery

Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる

2015/10/29 imagesLoaded, Masonry

前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。サンプルコードの実行結果はこちら今回使用したプラグイン・Masonry ・colorbox ・imag ...

: jQuery

Masonryのギャラリーにフィルター機能を追加する

2015/10/29 imagesLoaded, Masonry, ギャラリー, フィルター

Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します ...

: jQuery

Masonryでギャラリーページを作ってみる

2015/10/29 Masonry, ギャラリー

今回使用するjQueryプラグイン ●Masonry フレキシブルなレイアウトを生成するために使用するjQueryプラグインです、幅、高さが異なるコンテンツを領域ぴったしに並べるためのものです。 ●i ...