ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
QNo.4025790 Gifアニメ、最後のコマに行ったらページ更新したい
質問者：fullow こんにちは。

いまウェブサイトを作っています。

Gifアニメ（１０コマぐらいのもの）をクリックしたらアニメが
動きだしGifアニメの最後のコマになったら（Gifアニメが終わったら）
次のページに移動するようにしたいのですが、
そういう事はできますでしょうか？

詳しい方いらっしゃいましたら、
教えて頂きたいです。

よろしくお願いします。
困り度：
  • 困っています
質問投稿日時：
08/05/16 07:04
最新から表示｜回答順に表示

回答
ANo.4 3と同じですが、アニメーションgifが終了する迄の時間を割り出し取得。
取得したら以下のタグをhead内に記述。

<meta http-equiv="refresh" content="取得した秒数;URL=ターゲット先の次のファイルURL">

希望の形式はJavaScriptで可能でしょうが、JavaScriptに依存したサイト構築はお勧め出来ません。
ユーザビリティを優先するなら止めるべきでしょう。
JavaScriptを常時offにしてるユーザーには迷惑なコーディングで在るからです。
其の上で、希望の事がしたいならJavaScriptを勉強してからでも遅くは在りません。
自分の実力に見合ったサイト構築をして下さい。
回答者：aides
種類：回答
どんな人：経験者
自信：自信あり
回答日時：
08/05/17 13:57
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.3 GIFアニメそのものには機能が無いので、GIFアニメが終了する時間でページのリダイレクト/リフレッシュをかけてみてはいかがでしょうか。
回答者：junkUser
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/16 11:13
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.2 Gifアニメーションでご希望の形にするにはJavaScript等をつかうしかないのでは？
専門的知識を持っていませんがこれはどうですか。

<script language="JavaScript"><!--

function jump1()
{
location.href="　移動するページのリンク先のURL　";
}

function imgchange()
{
setTimeout("jump1()",333);
document.img01.src="　Gifアニメーションのファイルのリンク先　";
}

//--></script>


<P><A href="JavaScript:imgchange()">
<IMG src="　静止画像のリンク先　" width="xxx" height="xxx" border="0" name="img01"></A></P>

クリックしてGifアニメが動くことから、最初は静止画像である必要があります。
Gifアニメの縦、横とも同じサイズの静止画像を用意しましょう。
クリックして入れ替えて、タイマーを動かし、ページにジャンプする、という流れです。

Gifアニメが10コマ程度のとあるので、333ミリ秒後にタイマーが動くようにしてあります。
setTimeout("jump1()",333);
もっと長くしたい場合は333を変更してください。1000で1秒になります。

このやり方には欠点があります。
ホームページ訪問者のパソコンの処理速度や通信環境によって、
アニメーションが終わる前に移動してしまう可能性があります。
回答者：TM-51
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/16 09:52
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)

回答
ANo.1 Gifアニメではできないのでは？

10コマ程度なら、javascriptで画像をループして表示して
ループがおわったら、次のページに移動するようにすればよいと思います。
回答者：yambejp
種類：アドバイス
どんな人：一般人
自信：参考意見
回答日時：
08/05/16 09:47
この回答への補足この回答に補足をつける(質問者のみ)
この回答へのお礼この回答にお礼をつける(質問者のみ)
最新から表示｜回答順に表示
このページのトップへ