turusuke_0のブックマーク / 2012年9月15日

turusuke_0 id:turusuke_0

2012年9月15日のブックマーク (3件)

Image Slideshow with PreloadJS, JQuery and TweenMax | Nightly Coding;
Image Slideshow with PreloadJS, JQuery and TweenMax This is a tutorial about how to create a simple slideshow element with dynamicaly loaded images and some cool animations. PreloadJS is a rather new JS library that aims to help with the loading of various assets, in our case it will provide us with the info of when the images are fully loaded and a value of percentage completion of this task. DE
turusuke_0 2012/09/15
CreateJS

JavaScript
リンク
FN1205002 - PreloadJSで外部画像ファイルの読込みを待つ - HTML5 : テクニカルノート
PreloadJSは、画像のほか、サウンドやJavaScriptなどの外部データを読込んで、その経過や完了を捉えて処理するためのライブラリです。本稿では、画像ファイルの読込みを待って、その画像にもとづく処理を加えてみます。なお、読込み待ちのない外部画像ファイルの扱いについては、「EaselJSで外部ビットマップファイルを読込んで回す」をご参照ください。 01 外部画像ファイルを読込んでCanvasの中央に表示する PreloadJSのライブラリは、予めサイトからダウンロードして、適切な場所に保存しておいてください(図001)。本稿では、HTMLドキュメントと同じ階層に、ダウンロードしたpreloadjsフォルダが置いてあるものとします。図001■PreloadJSライブラリのJavaScriptファイルまずは、PreloadJSのプリロードなしに、外部画像ファイルを読込んでCanva
turusuke_0 2012/09/15
CreateJS

JavaScript
リンク
[Javascript]各ブラウザでマウスホイールの操作を検知する
各ブラウザでマウスホイール操作を検知する方法が分かりましたので記事にします。検知する方法が各ブラウザで違うようなのでそれぞれのブラウザ用に条件分岐をする必要があります。下記のサンプルコードはIE6、IE7、IE8、Firefox、Chromeで動作確認しました。ホイールが動かされたことを検知するまずはマウスホイールが動かされたらhelloというメッセージを表示するだけの場合です。 Firefoxの場合はaddEventListenerというメソッドを使います。その関数の第一引数に文字列「DOMMouseScroll」を、第二引数にイベントを検知したときに実行する関数を、第三引数にはここではfalseを指定します。第三引数はuseCaptureを有効にするかどうかを指定するのですが、この第三引数についての詳しい説明は下記が参考になります。 JavaScript addEventListe
turusuke_0 2012/09/15
javascript
リンク
- 2012年9月17日
- 2012年9月15日
- 2012年9月14日