ブログパーツ「常時.in」(超β)

  • 2008-04-18 (金) 14:58
  • works

Flash のフローティングブログパーツについて調べていたら、このニュースはてブの人気エントリになってて、ちょうど練習に良さそうだったので作ったのですが、フローティングブログパーツのブラウザごとの挙動差が JavaScript が苦手な僕には難しいことが分かりました。

どんなブログパーツ?

該当文字をクリックすると、フローティング Flash 形式で画面右上に「アナログ」と入ります。それだけです。全画面 Flash が覆いかぶさるように作ってあるのでステージ上をクリックすると Flash は消えて元に戻ります。

のはずなのですが、「アナログ」が表示されなかったりと挙動が不安定すぎます(特にIE7だと全然表示されないと思う)。ページ全体を Flash が覆いかぶさるので、下地のリンクが押せなくなるかもしれませんが、そういう時はページ更新(F5キー)してください。

「常時.in」を起動してみる

貼り付けコード

一応掲載しておきますが、バグだらけなので貼らない方がいいです。そのうち消すかもしれません。一切責任等はとれません。

<script src="http://www.trick7.com/blogparts/analogAlerter/analogAlerter.js" charset="UTF-8"></script><a href="javascript:void(0)" onClick="ShowPage(1)">テスト</a>

感想

もともと休憩時間作品なのでこっちはもう手入れはしません。フローティングブログパーツ感想としては、Flash 内ではわりとwmodeの日本語テキスト入力不可問題以外は思い通りできそうだけど、ブラウザごとの挙動差と位置制御が僕には難しい。いいアイデアが思いついたら改めて調査するつもり。今回参考にさせていただいたリンク。

追記:透過PNGでやればいいじゃん!という話でしょうが、今回はただの Flash の勉強です。トップページで起動させた時に、他のブログパーツの上だったり下だったり、FireFoxだと全面 MC の縦サイズがリサイズされず、上3分の1にしか伸びなかったりと、結構課題多い。

とにかく、全画面Flashをフローティングさせると、その Flash を消さない限りは下のレイヤー(通常ページ)のリンクやボタンは一切押せなくなるってことで OK ですかね?

Comments:2

それ池 08-04-18 (金) 23:08

サンプルのセンスの良さにビックリしました。

tera 08-04-18 (金) 23:41

>それ池様

まさかセンスを感じていただけるとは思いもよりませんでした。
左下に女性イラストを配置しようかとも思いましたが訴えられそうなのでやめました。
フキダシにアナログ停波までの正確なタイマーを出してもよかったですね。

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://www.trick7.com/blog/2008/04/18-145831.php/trackback
Listed below are links to weblogs that reference
ブログパーツ「常時.in」(超β) from trick7
AS3習得本
AS3の全容を学習できる本。この中でどれか1冊自分に合ったものを。
Adobe Flash CS4 詳細!ActionScript3.0入門ノート ActionScript3.0 プロフェッショナルガイド 初めてのActionScript 3.0 Flashユーザーのためのステップアップガイド 詳説 ActionScript 3.0 Actionscript 3.0 Cookbook
AS3発展本
ASでアニメーションさせる面白さを知るための本。
Flash Math & Physics Design:ActionScript 3.0による数学・物理学表現[入門編] ActionScript 3.0 アニメーション AdvancED ActionScript 3.0 Animation (Advanced)
AS2
"Flash"ではなく"ActionScript2.0"学習のための良著。他にもいろいろ読んだけど、この4冊を読んだ後、自分が成長できた感じがしました。
FLASH ActionScript 2.0入門完全ガイド+実践サンプル集 [CD-ROM付] Essential Actionscript 2.0 Flash 8 Essentials Foundation Actionscript Animation: Making Things Move (Foundation)

あわせて読みたいブログパーツ

Return to page top