• 締切済み

アニメーションｇｉｆの動きが止まる

アニメーションｇｉｆを貼り付けているページで、javascriptを使って画像をクリックすると 小さい別の画面が出るようにしたのですが、クリックした時からアニメーションｇｉｆの 動きが止まります。出た小さい画面を閉じても動きが止まったままです。 プラウザの更新ボタンをクリックするとまた動きだします。 回避策があるのか、仕様上どうしようも無い事なのか、 どなたかアドバイス頂けないでしょうか？（TARGET="_blank"だと大丈夫なのですが） ［ＰＣ環境］ＷｉｎＸＰ（ＳＰ２）、ＩＥ６

  • 2ji88
  • お礼率100% (15/15)

みんなの回答

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.2

え、、そこからですか？(；´・ω・｀) こんなとこでそれをやりとりしたら1週間はかかりそうなので、 プログラムのカテゴリーで聞いたほうがいいですよ。 自分の実力と、現状つくってるその件の部分のソースを併記してやるといいでしょう

2ji88
質問者

お礼

初心者をいい事に、場違いなところで変な質問をしてお騒がせいたしました。 また色々アドバイスをどうもありがとうございました。

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.1

windowのフォーカスが他に移ったら画像を再描画するようにすればいいと思います。

2ji88
質問者

お礼

早速のアドバイスありがとうございます。 私はお恥ずかしいのですが、ＨＴＭＬをかじったばかりの初心者です。 javascriptを使って小さい別の画面が出るように出来たのも、ネット検索で 何とか探せたという程度のレベルです。 > windowのフォーカスが他に移ったら画像を再描画するようにすればいいと思います。 というのはどのようにすればよいのでしょうか？ 具体的なアドバイスを頂ければありがたいです。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. Windows
  4. Windows XP

関連するQ&A

  • アニメーションＧＩＦについて

    アニメーションＧＩＦをＩＥ５．０１で表示させた場合は 問題なく動くのですが、ＮＮ４．７３で動かした場合、 アニメーションの動きがぎこちなくなってしまいます。 この理由と、解消法などについてご存知の方、 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • VisualC++でアニメーションgifを読み込めない？

    VisualC++上でゲームのプログラミングをしているのですが、エンディング（ゲームオーバー）画面にアニメーションgifを表示させたいと思っています。 実際にアニメgifを作ってパスを挿入しビルドしてみたところ、実際にゲームは動くのですがゲームオーバーになったときに動作が止まってしまいます。 jpegやtga、静止gifは読み込めるのですが・・・アニメーションgifは読み込めない仕様になっているのでしょうか？ ご存知の方、教えていただけたら幸いです。

  • 公式サイトのＧＩＦアニメーション？の保存

    例を挙げられず、申し訳ないのですが、 アニメとか漫画などの公式ホームページには、たいてい絵が動くスクリプト？が仕掛けられていますよね。 ほとんどはパラパラマンガのようにコマ送りで動かす、ＧＩＦアニメーションですが、たまに、旗がゆらゆらと、ゆっくりかつ滑らかに動いたり、目や口がゆっくり開閉したりするのを見たことがあります。 パラパラマンガ的な動きには、ちょっと見えません。 そういう、対象の絵を直接歪ませたりするようなアニメーションも、ＧＩＦなのでしょうか？ そして、そのアニメーションを、その動きごと保存する方法はありますか？ 右クリックでは無理でした。「保存する」の項も出てきません。 あったら出来るだけ、簡単なものを教えてください。 よろしくお願いします。

  • FireWorksでアニメーションGIFにならない

    FireWorks MX 2004で、アニメーションGIFを書き出ししたら、 通常のGIFファイル（1フレーム目のみの画像）になってしまい、アニメーションGIFになりません。 FireWorks MX 2004が入っている知人のPCで行った場合にこの現象になります。 （OSはwin7です。） 自分のPCにもFireWorks MX 2004が入っていて、そちらで行うと、 問題無くアニメーションGIFが作成できます。 ごく普通のやりかたで、フレームを複製してフレーム毎に数パターンの画像を作成し、 「書き出しのプレビュー」で「アニメーションGIF」を指定して、スライス上にも 「アニメーションGIF」と指定されていることを確認した上で、右クリックして、 通常の方法で書き出しているのですが、なぜ知人のPCでだけ、書き出しが うまくいかないのかが不明です。 「自分のPCでできるなら、自分のPCでやればいい」のですが、知人のPCでの 操作もできるようにしたい為、解決策を探しています。 それと、「バージョンが古いから」というご指摘は抜きでお願いします。 何か対処法などありましたら教えて頂けると幸いです。

  • 重い処理中のアニメーションgifについて

    お世話になります。 javascript で重い処理中のプログレス(アニメーションgif)表示について教えてください。 やりたいことは以下です。 ==================================== 1.重い処理の前にプログレス(アニメーションgif)表示 2.重い処理開始 3.プログレス(アニメーションgif)非表示 [sample.html] <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { $('#btn').click(function() { progressStart(); // プログレス(アニメーションgif)表示 func1(); // 重い処理開始 progressEnd(); // プログレス(アニメーションgif)非表示 }); }); /** * プログレス(アニメーションgif)表示 */ function progressStart() { $('#prog').show(); } /** * プログレス(アニメーションgif)非表示 */ function progressEnd() { $('#prog').hide(); } /** * 重い処理(とりあえず5秒) */ function func1() { var T = 5; //T秒待つ var d1 = new Date().getTime(); var d2 = new Date().getTime(); while( d2 < d1+1000*T ){ d2=new Date().getTime(); } return; } </script> </head> <body> <form> <input type="button" id="btn" value="開始" /> <div id="result"></div> <img id="prog" src="img/loadinfo.gif" alt="" style="display:none;" /> </form> </body> </html> ==================================== 上記コードで試したのですが、 重い処理中はプログレス(アニメーションgif)が動かず固まったままです。。。 重い処理中もプログレス(アニメーションgif)を 動いたままにすることは可能なのでしょうか？ どなたかご教授いただければと思います。よろしくお願いいたします。

  • GIFアニメーションの速度など

    GIFアニメを作ったのですが、指定したとおりの速度（コマ表示時間）で動作してくれません。IEでは表示される速度が制限されると聞きましたので、そのせいだと思うのですが。 高速でアニメーションさせるのに、javaScriptを試してみました。複数の画像を指定の時間間隔で差し替え表示します。これだと速いのですが、表示したまま別窓で他のサイトを見るなどしいるとコマ落ちが発生します。ページの再読込の必要が出てきて不便です。 Flashなどを用いれば問題解消になるのかも知れませんけれど、趣味レベルのサイトなので高額なソフトの購入は考えていません。 以下の質問に回答、アドバイス頂けると幸いです。 よろしくお願いします。 Ｑ：IEでのGIFアニメ表示速度限界のようなものがあれば、数値として決められているのでしょうか？決められているのならその内容は？ Ｑ：GIF以上に速いアニメーションを表示させる方法は他にありますか？

  • GIFアニメの動きが止まってしまう！

    こんにちは。分かる方がいらっしゃいましたら教えてください。 同一ページ内に「GIFアニメ」と「小ウインドウを開くリンクボタン」を設置していて 「小ウインドウを開くリンクボタン」を押すと「GIFアニメ」動きが止まってしまい ます。小ウインドウなので、内容を読んだらクローズしてもとのページを閲覧する ような形なのでアニメーションが止まってしまうと困ります。 どうしたらよいでしょうか？ とりあえず現状動作確認できているのは以下の通りです。 ---------------------------------------------------------------------- 正常　WIN : NN6.2 　　　MAC : NN6.2 IE5.0以降 動作不良　WIN : IE5.5 NN4.7 　　　　　MAC : NN4.7 ---------------------------------------------------------------------- ソースとしては ---------------------------------------------------------------------- ◇ヘッダー部◇ <SCRIPT language="JavaScript"> <!-- function openWin(url) { window.open(url,’details’,’width=320,height=415,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes’); } //--> </SCRIPT> ◇画像部分◇ <A href="javascript:openWin(’info.htm’)" onMouseOver="swtch(17,button_09);" onMouseOut="swtch(16,button_09);" target="_self"><IMG src="image/index/button_09.gif" width="160" height="24" name="button_09" border="0" alt="問合せ information"></A> ---------------------------------------------------------------------- という感じです。 よろしくお願いいたします。

  • パワーポイントにGIF動画

    winXPで2002を使用しています。 パワーポイント上でGIF動画を動かすことは可能ですか？ アニメーションでは難しい動きをGIF動画で表現したいのです。ご存知の方、ご指導のほどよろしくお願いします。

  • 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についてはよくわかりません。 ちなみに、１つ「"」を抜いてエラーにするときちんと動いたりします(-_-;) よろしくお願い致します。

  • アニメーションGIF終了時の静止画像

    ホームページでアニメーションGIFを使用したいと考えています。 設定の仕方を調べていたら、下記のコードでPlay画面の静止画を表示させておいて、クリックしたときにアニメーションを読み込む記事を見つけました。 <img src="sample_play.gif" onclick="this.setAttribute('src', this.getAttribute('src').replace(/_play.gif$/g, '.gif'));" style="cursor: pointer;"> これは良いと思い利用したいのですが、できればアニメーションを２回ループした後の終了時に再度Play画面に戻したいと思っています。 特別なJAVAのアドインをインストールすることなく、ページに簡素なコードを書くか既存のjqueryだけで対応できると有難いと思っています。 コードをお分かりの方、教えてください。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する