トップページを表示する前にアニメーションを数秒間表示させたい

Question

サイトのトップページを表示する前にjQueryで作成したアニメーションを数秒間表示させる方法がわからず、うまくいきません。
わかる方、ご教示いただければと思います。
例えば、http://www.example.jpというサイトを表示する前に５秒間http://www.example.jp/animation.htmlを表示させてサイトトップに移行するといった感じです。
説明不足な点がありましたらご指摘ください。
よろしくお願い致します。

Comments

[m.ts10806]

何か作られているソースコードありましたら途中でも結構ですのでご提示願います。

Answer 1

index.html へのアクセス時に特定のフラグが無い場合 animation.html にリダイレクト（JavaScriptとか.httaccessとかで）させて、jQueryの終了時に location.href で index.html へなんらかフラグをつけてリダイレクトすれば良いとは思います。

【JavaScriptで別ページに移動させる方法】
https://syncer.jp/javascript-reverse-reference/window-location-href

【HTML5/ページ全般/meta要素 別文書へのリダイレクトを指定する - TAG index】
http://www.tagindex.com/html5/page/meta_redirect.html

---

別ページのアニメーションを見せるより index.html でやったほうがいいと思います。

【[JS]ページを表示する時にかっこいいアニメーションを加えるスクリプト（WordPressにも対応） -Animsition | コリス】（例）
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-animsition.html

上記はページのロードアニメーションですが、全画面のモーダルウィンドウに animation.html を読み込むとかも出来るかもしれませんね。

Comments

[x_x]

トップページが勝手に遷移するのは、WCAG 2.0 のガイドライン3.2(ウェブページの表示や挙動を予測可能にすること)にも違反していそうなので避けたいところです。
https://www.w3.org/TR/WCAG20/#consistent-behavior

Answer 2

毎回みせるのでしょうか？最初の１回だけでしょうか？
セッションやクッキーをチェックすることで対応するのが妥当だと思います

Comments

[cream-pan]

最初の一回だけと考えていました。セッションやクッキーをチェックするのもやってみたいと思います。
ありがとうございました。