タグ

ブックマーク / black-flag.net (2)

  • HTML5とjQueryで作られたミュージックプレイヤー「HTML5 Music Player」|BLACKFLAG

    HTML5では<video>タグや<audio>タグといった新たなタグを使って 今までよりもWebサイト上に動画や音声ファイルを手軽に組み込むことが可能になります。 そんなHTML5とjQueryを組み合わせて、 Webページ上に簡単にミュージックプレイヤーを組み込むことが出来る 「HTML5 Music Player」がおもしろそうだったのでご紹介。 HTML5 Music Player | Codebase Hero ≫HTML5 Music Player | Codebase Hero ≫デモはこちら:HTML5 JQUERY MUSIC PLAYER 再生させる音声ファイルと表示するサムネイル画像(CDジャケットなど)を用意して 下記のスクリプトでオプションを設定することも可能なもよう。 ◆SCRIPT //Initialize the plugin $('body').ttwMu

    HTML5とjQueryで作られたミュージックプレイヤー「HTML5 Music Player」|BLACKFLAG
  • スクロールに合わせてコンテンツの読み込みを開始するjQueryプラグイン「Autobrowse jQuery plugin」|BLACKFLAG

    2011/03/11の「東北地方太平洋沖地震」震災後、しばらく更新が滞っていましたが、少しずつ再開してみようかと思います。 Twitterなどで見かけるページの最下部までスクロールすると続きのコンテンツを読み込む動作を、jQueryで可能とするプラグイン「Autobrowse jQuery plugin」が、ちょっと気になっていたのでメモ書き程度に紹介してみます。 ≫jquery.esn.autobrowse.js 上記チュートリアルページでデモが確認できますが、サンプルではページロード時に決まった数(20個)の画像を先に読み込んでおいて、ページをスクロールするとさらに20個ずつ画像を読み込み、100個まで表示した時点で動作をストップさせています。 使い方もさほど難しくなく、プラグインファイルと下記の実行用スクリプトにて実装が可能なようです。 ◆SCRIPT $(".page").auto

    スクロールに合わせてコンテンツの読み込みを開始するjQueryプラグイン「Autobrowse jQuery plugin」|BLACKFLAG
    f-suger
    f-suger 2012/03/11
  • 1