• 締切済み

Gifアニメの再生について(検索用:連続;リロード;再読み込み)

HPでGifアニメーション(WinShotというフリーソフトでビットマップ画像をコマ送り再生させて作成したもの、1分弱のGifアニメです)をHPのヘッダーイメージとして使用しています。 HP内のどのページでもそのGifアニメーションがヘッダーとして組み込まれているという仕様です。 それで、HP内でページを移動(別のHTMLファイルにジャンプ)したときに、そのアニメーションがリロード(最初から再生)されないようにしたいと考えています。 現在は、HP内のすべてのHTMLファイルの頭に、下記の様にイメージタグでGifファイルを指定しています。 ----------------------------------------------------------- <img src="./image/topimage.gif" width="750" height="129" /> ----------------------------------------------------------- Firefoxで見ると、思い通りに別のページに移ってもアニメーションが続けて再生されるのですが、IEで見るとページ移動の際にいちいちアニメーションが再び最初から再生されてしまい、困っています。 IMGタグのオプションも調べてみたのですが、そういう指定はなさそうでした。 どなたがご存知の方がいらっしゃいましたら、ご教示のほどお願い致します。

  • HTML
  • 回答数2
  • ありがとう数1

みんなの回答

回答No.2

> Firefoxで見ると、思い通りに別のページに移ってもアニメーションが続けて再生されるのですが、 言われて初めて気づきました。 こういう動作をするのはNetscape6か7以降のブラウザの特徴でしょうか? 昔からあるブラウザはGIFアニメーションもFlashアニメーションやBGMなどと同様、最初から再生されるようですね。 で、回答なんですが、<img>では出来ません。 一般的にはフレームを使って、常に表示されるようにしておく方法が使われます。 いわゆるフルFlash、フルAjaxなどの方法もありますが、 ユーザビリティーなどの問題上、フレーム以上に難しいというか面倒なのでお勧めしません。 私も、タイトルロゴの表示にこのサイズのGIFアニメーションは大きいと思うので、Flashアニメーションにした方が良いと思います。

moon-mama
質問者

お礼

なるほど。 GIFアニメはなるべくファイルサイズを削って作成はしたのですが、 やはり低速のADSL以下の環境では重いかと思います。 フレーム仕様にはしたくない&お二方ご指摘のパフォーマンスを考慮に入れて - 全ページにアニメーションを組みこむのをやめる - Flashアニメーションでファイルサイズを軽くする 等、再度仕様を検討致します。 ご意見どうもありがとうございました。

回答No.1

その前に…そんな大きな画像を読み込まされるユーザーが迷惑がらないか…とそちらを心配された方が良いかと思います。 「横750px 縦129px 再生時間1分弱」こんな大きな画像があったら大変だと思いますが…。

関連するQ&A

  • GIFアニメが動かなくなった

    どこをどうさわったのか覚えてないのですが、 急にGIFアニメが動かなくなりました。 HP上でみるアニメのすべてが動いてみえなくなってしまったのです。 動かなくなる前に少しPCをいじっていたとおもいます。ひょっとしたら何かを消してしまったのかもしれません。 インターネットオプションのWEBアニメーションを再生するにもチェックははいっています。 どうしたらいいのでしょうか。

  • xcode5でgifアニメーションが再生出来ない

    xcode5を使用しています。 fireworksCS6で、レイヤーが複数あるpng形式の画像ファイルを、ステートが5個あるアニメーションgifとして、書き出しました。 この画像をIEのhtmlブラウザで開くとアニメーションgifとして、再生出来ているのですが、一方のxcode5で同じgifアニメーションの画像ファイルとしてみても、「build succeeded」はするのですが、jpegのように静止画になってしまいます。 ここで質問ですが、xcode5ではどうすればgifアニメーションを再生できるのでしょうか? 詳しい方がいましたら、よろしくお願いします。

    • ベストアンサー
    • Mac
  • GIFアニメが動かない・・・

    私のパソコンからみると、あらゆるサイトのGIFアニメが止まっているようです。 ブラウザはIE6.0で、インターネットオプションの「webページのアニメーションを再生する」にはチェックが入っています。 自分が思うに、2,3日前に入った121ポップリンクの、セキュリティ環境自動設定サービスが原因のような気がします。 項目にアニメがどうのというのがあって、ナビにしたがってどこかの設定をいじったような気がします。 しかしそのときものすごく疲れていたので、なにをどうしたのかまったく思い出せません・・・ よく思い出せないので勘違いかも知れず、別の原因かもしれません・・・ とにかくGIFアニメ動いてません。 どなたか原因が分かるかたお助けください。 自HP用のGIFアニメを作ろうとしていたところだったので、困っています。

  • GIFアニメの再生について

    次のようなHTMLを実際、オンラインで動かすと、 GIFがアニメーションしないのですが、何が原因 なのでしょうか?。オフラインでは動きます。 <input type="submit" value="投稿" onclick="document.all.d.style.display=document.all.d.style.display=='none' ? '' : 'none'" /> <P id=d style="display:none"> <IMG src="loadingmsg.gif" border="0" width="16" height="16"> </p> ps:ちなみに実際のinput文には以下の要素も含まれています。 tabindex="7" accesskey="s" name="post" id="comment-post"

  • GIFアニメが動きません。

    はじめまして。 Internet Explorer6.0を利用しています。 自分のHPにアップしたGIFアニメやリンクバナー、その他色々なサイトに載っているGIFアニメが全然動きません。更新ボタンをクリックしても(恐らくアニメーションの最初の画像だとは思うのですが)静止して表示されます。 2ヶ月ほど前までは普通に動いているのを見る事が出来ました。ブラウザの「ツール」→「インターネットオプション」→「詳細設定」→「マルチメディア」という中にある「画像を表示する」「アニメーションを再生する」で設定しても動きません。ほかにも設定する事がありますか?それともパソコンの故障でしょうか?あと最近「ウイルスバスター2005」をインストールしました。試しに「ウイルスバスー」をアンインストールして試してみましたが、GIFアニメは動きませんでした。長々とすみませんがご回答よろしくお願いします。

  • iMovieとgifファイルの読み込みについて

    現在Macintosh OS10.4のiBookG4を使っています。 買った時から入っているiMovieについての質問です。 デジカメで撮った動画は読み込めるのですが、 どうしてもフォトショで作ったgifファイルが読み込めません。 動画はフォトショップで作り、アニメーション加工したものを イメージレディでgifファイルにしました。 パラパラとレイヤー2、3枚で動きますがこのようなものは どうすれば読み込み、iMovieで使えるのでしょうか? もしくはもともとiMovieではgifファイル自体は動きの あるものとしては読み込めないものなのでしょうか? 探していますが時間がなくて急いで質問させていただきました。 初歩的な質問ですがどうかよろしくお願いします。

    • 締切済み
    • Mac
  • Image ReadyでGIFアニメの保存ができません。

    Image Ready7.0でアニメーションGIFを作成していますが、保存を選ぶとgifではなく、psdでしか保存ができません。 アニメーションの最適化もやって、プレビューでは動くことを確認しています。 カラーを変えてみたり、色々試しているのですが、どうしてもpsdファイルになってしまいます。 何が原因でしょうか? OSはMac OS10.3.9です。 よろしくお願いします。

  • ビルダーで保存時の指定ファイル場所

    IBMホームページビルダーを使ってサイトを作成しています。 index.htmlがあるトップフォルダの名前をHPとし、コンテンツのひとつであるアルバムに関するファイルはHP内のフォルダalbumに保存しています。 album内の画像ファイルは同フォルダ内のimageというフォルダに保存しています。 HP/album/index.htmlのページに、HP/album/image内のa.gifという画像を挿入したとします。 HTMLソースを確認すると <IMG src="file:///C://My Documents/HP/album/image/a.gif">となり、 保存してから確認すると自動的に<IMG src="/album/image/a.gif">となります。 この場合ページ自体の保存場所がHP/albumになっているので、画像ファイルの指定先が HP/album/album/image/a.gif という存在しないものになってしまい、画像がきちんと表示されなくなってしまいます。 これをきちんと <IMG src="/image/a.gif">と保存されるようにするにはどうすればいいのでしょうか?

    • ベストアンサー
    • HTML
  • 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> ---------------------------------------------------------------------- という感じです。 よろしくお願いいたします。

  • SH901isのgifアニメについて

    ドコモFOMAのSH901isを使っています。 自分でgifアニメーションを作りメールに添付して携帯に送りました。 1回目は添付ファイルも確認できて保存もでき、自分のメールにそのアニメを使用することができました。 2回目にほぼ同じサイズでまったく同じ手順で作ったのですが 携帯の中で開いても開くことができません。 添付ファイルは保存できたので最初のファイルと情報を比べてみると ファイル制限の欄が最初のファイルのほうは「なし」後の方が「あり」となっていました。 そしてファイル形式も最初のほうが「GIFアニメ」後のほうが「GIF」となっています。 同じ手順で送ったはずなのになぜこのようなことになるのでしょうか? どなたかわかる方ヒントだけでもいただけたらと思います。 どうぞよろしくお願いいたします。 ちなみにパソコン上ではどちらのファイルもgifアニメとして動きを確認しています。

専門家に質問してみよう