AIRE-PROJECT BLOG

RecentComments

月別アーカイブ

Link

« クラシックギターのリハビリ開始?! | Home | metaタグのこと »

2007年04月04日

JavaScriptでGIFアニメーションを表示すると動かない

JavaScript

ふたたびIE6の不具合報告です。

AjaxやDHTMLを使って非同期でページの表示を変更したりする場合、ローディング画像を表示したくなります。
ローディングにさほど時間がかからないとしても、ユーザーにどこの表示が変更されたのかを明示的に示すために、わざわざタイマーを使ってローディング画像を長めに表示させたりとかもします。

そのローディング画像によく使われるのが「GIFアニメーション」。

これの表示/非表示制御にJavaScriptを使ったところ、なぜかIE6で表示させた時点でGIFアニメが停止してしまうという問題が起こりました。

問題のソース(部分)はこちら。
グラフが表示されている画像のソースを、ローディング画像に差し替えているだけです。

function disploader() {
    $("chartImg").src="/img/loader.gif";
}

関数の呼び出し側はこんな感じ。

<img src="buttonImg" onclick="disploader()" />

IE7、Firefoxでは問題なく動きます。
解決法はというと呼び出し側にちょっと手を加えます。

<img src="buttonImg" onclick="disploader(); return false;" />

これでちゃんと動くようになりました。
むー、やっぱりこれもIE6のバグ??

トラックバック

コメントを投稿

「押尾コータロー」 おすすめCD&DVD

ボレロ! Be HAPPY LIVE

ボレロ! Be HAPPY LIVE

<押尾コータロー>

ドラマティック・ライヴ [DVD]

ドラマティック・ライヴ [DVD]

Dramatic (CCCD)

Dramatic (CCCD)

<押尾コータロー>

COLOR of LIFE -movies- [DVD]

COLOR of LIFE -movies- [DVD]

<押尾コータロー>

STARTING POINT

STARTING POINT

<押尾コータロー>

コンサートツアー 2007 “COLOR of LIFE” [DVD]

コンサートツアー 2007 “COLOR of LIFE” [DVD]

関連エントリー 【JavaScript

はてなブックマーク del.icio.us ニフティクリップ livedoor クリップ POOKMARK Airlines Buzzurl(バザール)

Web制作者におススメの一冊

スタイルシート スタイルブック

Webデザイナーのための情報アーキテクチャ入門 成功するサイト構築術

SAMURAI 佐藤可士和のつくり方

デザイン・ルールズ デザインをはじめる前に知っておきたいこと

Web標準の教科書―XHTMLとCSSでつくる“正しい”Webサイト

俺流amazonの作り方―Amazon Webサービス最新活用テクニック

Webクリエイティブのためのプログラミングマガジン Source &Script

Copyright © 2007 Aire-Project All Rights Reserved.