appleple lab.

Flash部分を修正しました。

• 写真の読み込みを一枚ずつにすることで、はじめの処理を軽減
  コンテンツがない部分がクリックできない問題を解消

Flash側の処理をできるだけ軽くするように、いろいろ試してみました。拡大したサイズの画像を動かす処理やドロップシャドウをレンダリングする処理が重さの原因のようです。ドロップシャドウに関しては見た目を優先させて今回のバージョンでも利用しています。以前のバージョンでは中心の画像は画像を移動し始めているところから拡大されていたので、今回は読み込んで中心に配置されてから拡大するようにしました。

このPhotoShuffleで使われているJavaScriptを利用すると手軽にJavaScriptからFlashに画像のアドレスなどを送ることができるので、その利用の仕方をこのブログで振り返ってみようと思っています。

変更点

• ライブラリの多重ロード対策
  イベントハンドラの上書き対策

使用感としてあまり変わらないかもしれませんがいろいろ改良してみました。
例えば、ライブラリを読み込む場所はbodyタグのすぐ後ろを推奨していますが、案外どこに書いても動作するっぽいです。
なので、テンプレートを触らずに、ブログの本文に直接スクリプトを書いても動くかも！
あと、同じページに何回読み込んでもいいようなので、一日の記事に一つずつスクリプトを読み込んであっても動くかも！

http://hiro-tak.com/photoshuffle/
上記のリンク先に多重ロード、どこでもロードしてあるサンプルがありますのでよろしければソースもご一緒にご覧下さい。

PhotoShuffleというブログパーツを作ってみました。まだベータ版ですが、よかったら使ってもらえたりしたらうれしいです。

今のところの問題点

• ドロップシャドウが処理速度を遅くしている→MovieClipの影にしようかとしてみたが、回転するたびに位置をずらさないといけない？
  WindowsのFireFoxで画像を読み込み終わった後スクロールしないと画像を選択できない
  やっぱりリサイズした時に動いた方がいい？
  あと、ブログのテーマがまだ途中、、、。

通常版のphotoShuffleでは表示させたい画像にキャプションがついている場合、起動する時にキャプションが表示されたままになってしまいます。
こちらにキャプションが消えるa-blog仕様のphotoShuffleをご用意いたしましたのでご利用下さい。