jQuery 画像読込の進捗具合が分かるプログレスバーを作成
タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。
サンプルコードの実行結果はこちら
サンプルコードをみると、画像は１００枚ほど読み込みますが、ブラウザへの負担が大きいので、実際に読み込む画...
imagesLoaded
jQuery jQuery Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる
前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。
サンプルコードの実行結果はこちら
今回使用したプラグイン
・Masonry
・colorbox
・imagesloaded
...
jQuery Masonryのギャラリーにフィルター機能を追加する
Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します。
サンプルコードの実行結果はこちら
...