imagesLoaded

スポンサーリンク
jQuery

画像読込の進捗具合が分かるプログレスバーを作成

タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。 サンプルコードの実行結果はこちら サンプルコードをみると、画像は100枚ほど読み込みますが、ブラウザへの負担が大きいので、実際に読み込む画...
jQuery

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

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

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

Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します。 サンプルコードの実行結果はこちら ...
スポンサーリンク
タイトルとURLをコピーしました