• 締切済み

onMouseOverでGIFアニメを指定すると…

noname#9414の回答

noname#9414
noname#9414
回答No.1

それって、アニメーションのSLEEP時間が短すぎるのでは ないでしょうか? SLEEPしている時間が短いために、キャッシュに情報が あると、そちらを参照してさっさと進んでしまうのだと 思いますよ。 アニメーションGIFをなんのアプリケーションを使用して 作っているのか分かりませんが、そちらのヘルプなどを 確認してみてはどうでしょうか? ではでは☆

cuisine50c
質問者

補足

Kanata様、ご返事が遅くなってしまいすみませんでした。 「アニメーションのSLEEP時間」というもの自体を知らなかったもので、ご返事のしようがなく、色々と調べてはみたのですが、やはりいまだによくわからないままなのです。 もしかしてそれは、「1コマを表示している時間」のことなのですか? ImageReady(ソフトはこれを使っています。MACです)でいうところの「ディレイ時間」のことなのでしょうか? もしそれでしたら、いろんな時間で試してみましたが、ダメでした。 それから、例の不具合のことですが、マウスオーバー時に最後のヒトコマが一瞬あらわれてから、そのあとはキチンとした動作をするのです。 「フワァ~」と表示してほしい画像が、「パッ!フワァ~」となってしまうということなのです。(ご承知の上での先のご回答でしたらごめんなさい…)

関連するQ&A

  • アニメGIFのDLについて

    当方IE(CATV経由)で、MACユーザーの方のご好意でBBS管理人用の「アニメGIF」のアイコンを作って頂きました。しかし、どうしても上手くDLが出来ません。 (1)一回目・・・拡張子をbmpにしてしまったので二回目・・・gifにしてDLしましたがGIFの一コマしか表示されません(数枚ある画像の一枚のみ) (2)三回目・・・GIFアニメを作ったことがあるので「GIFアニメ専用(普通のフォルダ)」のフォルダに入れてみたのですが結果は同じでした。 普通に「名前を付けて保存」でした。 ・一ヶ月ほど前に自作のバナーをアニメGIFで作りましたが特に問題はありませんでした。 ・今回アニメGIFを作っていただいた方は当方のHP内のアイコンが見れないものもあるそうです。 ・当方はHPを作って一ヶ月、公開して3日目の若葉マークです。 ご回答の方、宜しくお願い致します。

  • GIFアニメ アップロードしたら表示されない

    下記の条件でGIFアニメを作成しましましたがWEB上では真っ白で表示されませんでした。解決方法をお知りの方お答え宜しくお願いします。 ホームページ作成ソフト golive cs GIFアニメ作成ソフト   Giam ホームページ開設先   plala gifアニメ 幅609ピクセル 高さ60ピクセル コマ数 7コマ 色数 表示色数8色までに制限 コマ間隔 約3秒 ファイル名はad-anime.gif FFFTPで転送しております。 ホームページ作成ソフトのプレビューでは再生されます。HTMLファイルで開いたときも再生されます。またgifファイルをIEで開いた場合も再生されます。 いろいろ試みていますが何が悪いのかさっぱり分かりません。 宜しくお願いします。 

  • アニメGIFをPSD形式に変換したい

    お世話になります。 Photoshopの使い方でわからない事がありますので質問させてください。 --質問内容-- 「Photoshop以外のソフトで作ったGIFアニメを 1コマずつのレイヤーとして「一括取り込み」or「PSD形式に一括変換」 したいのですが、そのようなフリーソフトや、 方法はありますでしょうか。」 私の環境では、 Photoshopで直接GIFアニメを開くと、最初のコマしか表示されません。 それを、1つのファイル内で、 「1コマずつ、レイヤー状態」で取り込みたいと思っています。 例えば、「anime.gif」というファイルを、Photoshopで開いた時に 1コマ目がレイヤー1、2コマ目がレイヤー2、3コマ目がレイヤー3・・・・・という状態にしたいのです。 複数ファイルがありますので、一括に出来る方法の方が嬉しいです。 また今回だけですので、お金をかけないものでお願いします。 どうぞ、宜しくお願いします。 --環境-- [WinXP] [photoshop CS3] [Jasc animation shop(アニメソフト)]

  • gifアニメの動作が変わった

    3週間程前、サイトを制作していました。 メニュー画像をマウスオーバーでgifアニメに替え、マウスアウトで元画像に戻すということをやっていました。 htmlの記述は下記の通りです。 <a href="explain.html"><img src="img/menu_explain.gif" onmouseover="x=this.src;this.src='img/menu_explain_anime.gif'" onmouseout="this.src=x"></a> 3週間前までは、普通に作動していたので、そのままサイトを制作していました。 それから3週間手を付けないでいたのですが、今日久しぶりにサイトを開くとgifアニメの動作がおかしくなっていました。 マウスアウトをしても画像が戻らないんです。 firefoxとsafariで確認したのですが、両方ともダメでした。 IEでは未確認です。 始めにサイト制作をしていた期間は1週間程ですが、その間はずっと正常に動作していました。 それから今日まで一度もそのhtmlファイルも画像ファイルも開いていません。 何が原因でこうなったのでしょうか。 それとも元々のhtmlの記述ミスでしょうか。 大変困っております。 他に必要なhtml等あれば、補足しますので言ってください。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • IE5でonmouseoverがうまく行きません。

    画像にマウスが触れた時にその画像を 替えたいのですが,NNではうまく行き, IE5では画像は変化せずうまく行きません。 IE5は次のエラーメッセージがでます。 ページでエラーが発生しました。 -> オブジェクトを指定してください。 よろしくお願いします。 <HTML><HEAD><title></title> <script language="javascript"> <!--- img = new Array(); for (i = 0; i <= 1; i++) {  imag[i] = new Image() ;  imag[i].src = "on_" + i + ".gif"; } function On(n) {   document.images['menu'+n].src = imag[n].src; } function Off(n) {   document.images['menu'+n].src = "off_" + n + ".gif"; } //---> </script></head> <BODY> <a href="xxx.html" TARGET="MAIN" onMouseOver="On(0)" onMouseOut="Off(0)"> <img src="off_0.gif" name="menu0" border="0"></a> <a href="yyy.html" TARGET="MAIN" onMouseOver="On(1)" onMouseOut="Off(1)"> <img src="off_1.gif" name="menu1" border="0"></a> </BODY></HTML>

  • アニメGIFをスライドで表示される度に1コマ目から

    jQueryを使ったスライダーで、アコーディオン状に画面が水平スライドするのですが、 コメント枠にアニメGIFも表示しています。 スライダーが動いて最初にアニメGIFが表示された時だけ1コマ目から表示されますが、スライダーが折り返して次の表示の時にはGIFのループが途中から表示されてしまいます。 これをGIF画像が画面に映る度に1コマ目から表示させるにはどうしたら良いでしょうか? 下記サイトがjQueryプラグインのソースサイトです。 http://www.armagost.com/zaccordion/

    • ベストアンサー
    • CSS
  • パワーポイントでのgifアニメの再生

    パワーポイントでgifアニメの再生をしたいのですが、 再生したい画像はアニメーションをエンドレスに繰り返すアニメではなく 動きが1回だけあってあとは静止する…というアニメなんです。 その画像を挿入して再生してみたんですが、 何度も何度もアニメーションが繰り返されてしまい 通常通り再生されません。 普通に(パワーポイントを使わずに)再生した場合は きちんと1回アニメーションして静止するんですが、 パワーポイントで再生した時だけ繰り返されてしまうようです。 何が原因なんでしょうか…?

  • NNでロールオーバーしたgifアニメの動きがおかしい

    ホームページを作成し、onmouseするとメニューのアイコンが gifからgifアニメに切り替わるようにしています。 IE6.0とNN7.1で動作確認しているのですが、 NNの方で、画像は切り替わるのですがgifアニメが うまく動きません。IEでは問題なく動作します。 gifアニメは文字の色が順番に変わるアニメーションなのですが、 onmouseするとアニメーションの最後の画像が表示されるだけでうまく動きません。 プログラムの組み方が悪いのか、gifアニメが悪いのか、 NNが悪いのかわからず困っています。 <head>と</head>の間↓ <script language="JavaScript"> <!-- if(document.images){ a1=new Image(); a1.src="image/b_top_m.gif"; a2=new Image(); a2.src="image/b_top.gif"; } else{ a1="" a2="" b1="" b2="" document.a="" } --> </script> <body>と<body>の間↓ <a href="top/top_frame.html" target="mid" onMouseover="document.a.src='image/b_top_m.gif'" onmouseout="document.a.src='image/b_top.gif'"> <img src="image/b_top.gif" border="0" alt="top page" name="a"></a> &nbsp;<a href="gal/gal_frame.html" target="mid" onMouseover="document.b.src='image/b_gallery_m.gif'" onmouseout="document.b.src='image/b_gallery.gif'"> <img src="image/b_gallery.gif" border="0" alt="works" name="b"></a> まだ初心者でJavaScriptについてはよくわかりません。 ちなみに、1つ「"」を抜いてエラーにするときちんと動いたりします(-_-;) よろしくお願い致します。

  • ブログ記事上でGIFアニメが動かない

    知人が最近ブログでGIFアニメを載せる(スマホのアプリで動画を撮影して自動でGIFアニメにしてくれるようなものです)ようになり自分も載せてようと試していますが上手く動きません。 使用しているブログサイトはlivedoor blog(因みに知人はameba)、livedoor blogは2MB以上のGIFアニメは動かないと聞きましたのでサイズを調整して2MB以下に抑えましたが動きません。(当初6MB程度のアニメを載せようとしたところアップロードの際に、5MB以上のGIFは投稿出来ませんと表示されました) 投稿した記事のGIFアニメの保存先URLを直接見ると1度だけ再生されます。このように画像を直接開かなくても記事上で動いて欲しいのですが記事上だと動きません。(ループされないのはキャッシュがどうのと聞きましたが、これもループ出来るようにしたいです。) 画像投稿の際にサムネイルを作らないようにする、というように解説されているページもありましたが、livedoorの場合アップロード時には特に設定する項目が見当たらず、アップロードした後の設定画面でもサムネイルサイズ程度しか項目が見当たりません。 記事上に貼り付けたgifアニメのhtml等に何か追記して動くようにすることは出来ないのでしょうか? CSSで動かす方法も1度は考えましたが、livedoorブログのCSSはPCのみでスマホバージョンの表示に対しては反映されないのでこの方法も難しいと思います。

    • ベストアンサー
    • Flash
  • onmouseoverに複数の命令を書き込みたい

    こんにちは、初心者の質問です。 画像Aにカーソルを乗せると、別のところにある画像Bが違う画像に変化するようにJAVASCRIPTを使ってスクリプトを書きました。これはうまく作動します。 さらにこの画像Aも(画像A自身にカーソルが乗った時に)別の画像に変化するようにしたいのですが、うまくいきません。 画像Aの記述は以下のようになっています。 <img src="pic1.gif" width="50" height="30" onMouseOut="changeImg(photos[6])" onMouseOver="changeImg(photos[0])"> onmouseoverに "this.src='マウスが触れた時に表示したい画像のアドレス'" を追加したいのですが、いかんせん画像Bを変化させるためのスクリプトがすでに書き込まれています。 そこで質問ですが、onmouseoverに複数の命令を書き込むことは可能でしょうか?またそれが不可能な場合上記のようなギミックを作る最善の方法や、解説のあるサイト等を教えていただけるとありがたいです。 詳しい方、よろしくお願いします

    • ベストアンサー
    • HTML