アプリ版:「スタンプのみでお礼する」機能のリリースについて

こんにちは。

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

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

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

よろしくお願いします。

A 回答 (4件)

3と同じですが、アニメーションgifが終了する迄の時間を割り出し取得。


取得したら以下のタグをhead内に記述。

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

希望の形式はJavaScriptで可能でしょうが、JavaScriptに依存したサイト構築はお勧め出来ません。
ユーザビリティを優先するなら止めるべきでしょう。
JavaScriptを常時offにしてるユーザーには迷惑なコーディングで在るからです。
其の上で、希望の事がしたいならJavaScriptを勉強してからでも遅くは在りません。
自分の実力に見合ったサイト構築をして下さい。
    • good
    • 0

GIFアニメそのものには機能が無いので、GIFアニメが終了する時間でページのリダイレクト/リフレッシュをかけてみてはいかがでしょうか。

    • good
    • 0

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秒になります。

このやり方には欠点があります。
ホームページ訪問者のパソコンの処理速度や通信環境によって、
アニメーションが終わる前に移動してしまう可能性があります。
    • good
    • 0

Gifアニメではできないのでは?



10コマ程度なら、javascriptで画像をループして表示して
ループがおわったら、次のページに移動するようにすればよいと思います。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!