タグ

2014年6月20日のブックマーク (2件)

  • jQueryで簡単にフワッと画像を表示させる lazyload.jsの実装方法 - TechNote

    よくWebサイト上で見かける、画面をスクロールしていくとフワッと画像が現れてくるあの小技です。いつか自分も使う機会があったら使ってみようと思っていましたが、日社内システムの一部で使うことになったので使い方をメモ。簡単ながら、なかなか使えそうです。 1.下記からLazyLoad.jsをダウンロード Lazy Load Plugin for jQuery 2.head内に以下を記述 まずjQuery体を読み込んで、次にlazyload.jsを読み込む。そしてlazyloadセット。 ちなみに下記はオプションでフェードイン効果をつけた例。最も多用しそう。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2'></script>

    jQueryで簡単にフワッと画像を表示させる lazyload.jsの実装方法 - TechNote
  • jQueryプラグイン サンプル(画像系):skuare.net

    JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連のjQueryプラグインを紹介しています。 JSONファイルから画像スライダーを作成するjQueryプラグイン「jsonslider」 JSONファイルに画像パスなどのデータが格納されている場合、処理を入れて画像スライダーにするのはそれなりの手間です。 jQueryプラグインのdcdeiv/jsonslider · GitHubを利用することでその手間が少し軽減できるかもしれません。 via:dcdeiv/jsonslider

    jQueryプラグイン サンプル(画像系):skuare.net
    zaitakujin
    zaitakujin 2014/06/20
    かっこいいのがいっぱい!