画像ローディング中にLoadingアニメーションを表示するjQueryプラグイン「How to Create an Awesome Image Preloader 」｜BLACKFLAG
最近ではWebページ上に多くの画像を表示するような場合には、 読み込むまでにLoadingアニメーションを表示してユーザーのストレスを軽減させる手法をよく見かけますが、 それを簡単に組み込むことができるjQueryプラグイン 「How to Create an Awesome Image Preloader 」が便利そうだったので紹介してみます。 ≫How to Create an Awesome Image Preloader | Nettuts+ ≫DEMO：Image Preloader デモ画面上で動作を確認すると以下の様な感じに。 DEMO：Image Preloader 単純に画像ロード中にLoadingアニメーションを表示するだけでなく 完了後は画像が順々にフェードインしてくる加減が気持ちいい。 Loading中は該当要素に対して「.preloader」のクラスを付加して、
jQueryでランダムに画像などコンテンツ要素をフェードインさせる方法｜BLACKFLAG
以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、 一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、 同様のパターンで、フェードインさせる順番をランダムにするパターンを できるだけシンプルな構成で作ってみたので紹介してみます。 まずは動作のサンプルから。 下記画面の「リロード」を押してみてください。 サンプルを別枠で表示する ページの読み込みが終わると 一覧画像がランダムによって順々にフェードインして表示されます。 この全体構成について、 まずはHTMLから。 ◆HTML <div id="thumblist"> <ul> <li><a href="#"><img src="img/photo1.jpg" alt="" /></a></li> <li><a href="#"><img src="img/
Shadowbox.js version 3.0b の設置方法と使い方 - TWO HEARTS
FLASHをLightBox風に表示させたいと思い、なにかオールマイティーなそういうライブラリはないかなぁとインターネッツを徘徊してみたところ、いくつかある中から気になったのがShadowbox。 Ver3になってコードが大きく変わっているらしく、あまり情報が見あたらなかった（探す気がないともいう）ので、英語力ゼロのアタクシが本家のUsageだけ(!)を頼りにShadowboxの設置方法、Shadowboxの使い方をまとめてみます。 始める前におねがいこのページのhtmlソースをそのままコピっておられるサイト様がいるようなのですが、よそのサイトのjsファイルを安易に読み込むのは大変危険です。jsファイルは自サイトに置くようにしてください。 まずはダウンロードするっすー 本家のダウンロードページからファイルを落とします。 選択肢がありますが、 buildとzipを選べばOKでしょう。 ちなみ
画像をランダム表示する - ありふれた生活
■ ニッキ(12) ■ タワゴト(326) ■ ガジェット(79) ■ セイカツ(57) ■ カイモノ(107) ■ タベノミモノ(189) ■ タビ(413) ■ ウェブ(58) ■ カスタマイズ(18) ■ ブログモロモロ(83) ■ セイカク(39) ■ ニッキ2004(385) ■ ニッキ2005(205) ■ ニッキ2006(133) ■ ニッキ2007(110) ■ ニッキ2008(107) ■ ニッキ2009(55) ■ ニッキ2010(12) ■ ニッキ2011(17) ■ ニッキ2012(6) ■ ニッキ2013(6) 2017 ├ マットレス口コミ (09/22) ■ 10 years ago ├ naname (04/18) ■ Airかいました ├ ヒロトモ (12/12) ├ まるも (12/12) ■ 手作り餃子 ├ アジャイルメディア・ネットワーク株式会社 江
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]ジャケ写をセクシーにスタイリングするスタイルシート | コリス
Bienvenue sur le blog dédiée aux solutions informatiques
