Arkadaşlar selamlar, saatlerdir çözemediğim bir konu hakkında sizlerden yardım istiyorum. Site girşinde iki tane görsel var bu görseller bir butona basınca bu görseller perde gibi açılıyor. Mantığı basit 300px olan görseli 1px'e kadar düşürüyor. Aslında site açıldığında bu görsellerin arkasında olduğu için gözükmüyor.
Bunu sağlayan kod;
<script>
$(document).ready(function() {

$curtainopen = false;

$(".rope").click(function(){
$(this).blur();
if ($curtainopen == false){
$(this).stop().animate({top: '0px' }, {queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'60px'}, 2000 );
$(".rightcurtain").stop().animate({width:'60px'},2000 );
$curtainopen = true;
}else{
$(this).stop().animate({top: '-40px' }, {queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'50%'}, 2000 );
$(".rightcurtain").stop().animate({width:'51%'}, 2000 );
$curtainopen = false;
}
return false;
});

});
</script>
lnk "class" olarak ".rope" kodu ile introyu geç yazısına tıklandığında bu görseller sağa ve sola kayıp siteyi açıyor.

introyu geç

şimdi soru şu;
Menüden "anasayfa" ya tıkladıkça bu intro tekrar geliyor. Ben istiyorumki bu intro sadece siteye ilk girişte görüntülensin. Kişi alt sayfalardan ana sayfaya geçerken bu introyu görmesin.
Ne yaptım ne ettimse çözemedim. Sanırım cokies (çerez) çekmek gerekiyor.

Bu konuda yardım edebilecek olan var mı?