トップページ訪問時の一回だけ、オープニング画面をフェードさせたい

Question

トップページに訪問する際、ローディングが終わった後のオープニング画面として
ロゴをど真ん中にすえた画像をフェードさせたいです。

htmlとcss、jquery の設定をしてみたのですが
自分が設定したものだと、オープニング画面が何度も出てきてしまいます。
例えば、別ページからトップ画面に「戻る」という場合でも
オープニング画面が出てきてしまいます。

トップページに訪問した後はオープニングの画面が出ないようにしたいです。
.oneを使えばできるというのも調べたら出てきたのですが、表記の仕方が分からず
断念してしまいました。

以上の対処法を教えていただけると幸いです。お手数ですがよろしくお願い致します。

<div class="start">
    <figure><img src="images/fvlogo.png" alt="" width="100%"></figure>
</div>

.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start figure{
	position: fixed;
	left: 45%;
	top: 45%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 640px;
}

$(function() {
	setTimeout(function(){
		$('.start figure').fadeIn(1600);
	},500);
	setTimeout(function(){
		$('.start').fadeOut(500);
	},2500);
});

Answer 1

クッキーに訪問済みのフラグを保存して２回め以降の訪問かどうか判断すればいいのでは？

Comments

[tooju]

クッキー導入していく方法でいきます！
ありがとうございます！