「 jQuery 」 一覧
画像読込の進捗具合が分かるプログレスバーを作成
2015/10/10 | jQuery imagesLoaded, プログレスバー, 進捗度
タイトルの通りです。読み込み中の画像を表示しないようにし、かつ画像読込の進捗度を表示してみます。 サンプルコードの実行結果はこちら サンプルコードをみると、画像は１００枚ほど読み込みますが、ブラウ
Masonryのギャラリーの画像にホバーしたときに動きを付けてみる
今回はMasonryのギャラリーの画像にマウスのカーソルを乗せたときに青い半透明のアニメーションがでるようしてみました。 サンプルコードの実行結果はこちら 今回使用したプラグイン ・Mans
Masonryのギャラリーの画像をクリックすると、画像が拡大し、キャプションがでるようにしてみる
2015/10/08 | jQuery imagesLoaded, Masonry
前回の記事でMasonryのギャラリーを作成しましたが、今回はそれに、見出しをつけてみます。 サンプルコードの実行結果はこちら 今回使用したプラグイン ・Masonry ・colorbox
Masonryのギャラリーにフィルター機能を追加する
2015/10/07 | jQuery imagesLoaded, Masonry, ギャラリー, フィルター
Masonryのギャラリーにフィルターを付けてみました。実行結果を見て頂ければ分かりますが、画像のギャラリーがまず表示されます。次に国名をクリックすると、その国名に該当する写真だけを抽出して表示します
Masonryでギャラリーページを作ってみる
今回使用するjQueryプラグイン ●Masonry フレキシブルなレイアウトを生成するために使用するjQueryプラグインです、幅、高さが異なるコンテンツを領域ぴったしに並べるためのものです
空間を最大限に使いトップページの画像をタブで切り替える。
今回、書くのは、 トップページに複数の作品を乗せたいときに、 スクロールさせず、画面上部に配置したタブを 切り替えることにより、表示させるものを 切り替えるjQueryを作成します。 分
画面を下にスクロールさせると、違うデザインのメニューがついてくる
2015/10/04 | jQuery グローバルナビ, スティッキーメニュー
タイトルの通りです。画面をスクロールさせると、違うデザインのメニューがついてくる機能を今回作成しました。 サンプルコードの実行結果はこちら 今回は「throttle-debounce」プラグイ
タブを作成して、空間を最大限に使う
今回はパネルを使って、複数のコンテンツを１つのエリアに配置して、ブラウザ上部に設けたタブをクリックすることによって表示する コンテンツを切り替えるものを作成します。詳細はサンプルコード上にコメントア
ついてくるヘッダーメニューを作成する
2015/10/02 | jQuery スティッキーメニュー, ヘッダーメニュー
タイトルの通りです。画面をスクロールしてもついてくるメニューを今回作成します。 サンプルコードの実行結果はこちら
