POPS WEB KOUBOU

CreateJS FlickrAPI LoadManager読み込みタグ検索画像表示テスト (photos.search) / easeljs-0.8用

HTML5-DEMO-118


DEMO: CreateJS FlickrAPI LoadManager読み込みタグ検索画像表示、(easeljs-0.8用/createJS118.js)


「タグ検索」条件を「英数字または日本語」で入力できます。(複数タグは半角カンマ「,」で区切る、AND検索は不安定だ)
サムネールは「ドラッグ」出来ます。サムネール[CLICK]で大きな画像をロードして表示します。CLICKはゆっくりと。// IE.OK //

 

TAG 表示数 OR AND

 

 

Image()オブジェクト読み込み管理用のLoadManager.jsを利用しています。

CreateJS FlickrAPI photos.search メソッド利用のjQuery.getJSON処理、画像ビューアーで、大きな画像を表示出来ます。[OWNER-LINK]ボタンで、オーナーページにリンクします。
「タグ検索」の条件を変えて検索が出来ますが、検索結果が表示指定数より少ない場合、検索結果の無い場合も有ります。
ページ表示後、サムネール「CLICK」で大きな画像をロードして拡大アニメーションを実行します。サムネール[CLICK]はクロスドメインですが機能します
ここでのjQuery処理にはjquery-1.9.1.min.jsを利用しています。サムネール読み込みにはLoadManager.jsを使用しています。

easeljs-0.8では通常クロスドメイン画像を読み込めませんので、LoadManager.jsでサムネール読み込み、easeljs-0.8用に修正したものです。

easeljs-0.8.0.jsを使用しています。一応はCanvasの描画という事ですからFlashの表現に近くしています。動作は、HTML5、Canvas対応ブラウザに限定されます。


 

 

 

 

 

 

 

詳細は記事のページを参照ください。