Jump to content

Pradeep KS

  • Content Count

  • Joined

  • Last visited

Community Reputation

0 Newbie

About Pradeep KS

  • Rank

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hey, Thank you so much for the hint. I spent a lot of time to fix this issue. After listening to you hint , did some research and finally I got the solution as follows: Included this : <script src=" https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script> if (Cookies.get('noPreloader') === 'true') { $('.overlay').hide(); $('.overlay2').hide(); } else { $(window).on('load', function() { Cookies.set('noPreloader', 'true', {expires: 1}); // 1 day cookie // Animate loader off screen $(".overlay").show().delay(4000).fadeOut(); $(".overlay2").show().delay(4000).fadeOut(); }); }
  2. Actually, I started learning Javascript a few months ago, maybe that's why I couldn't understand cookie and local storage terms. If you don't mind could you please help me to sort this using cookies and local storage? Thanks
  3. Thanks, Shaun, Is there any other way to tackle this using frontend side ie, writing javascript?
  4. Hello team, I have added my animation code below. This code is running fine. But my client doesn't want to run this on each page refresh. ie, This animation has to play only when the user visits the first time. Now what is happening is when the user opens the site, the animation loads, then the user goes to any other internal pages, and later when he comes back to the index page, this animation will start loads again. I want to run my green sock animation only when the page load first time, When i refresh the page second time, this animation should not run. Thanks and regards, Pradeep KS const tl = new TimelineMax(); tl.to(".overlay", 2,{ y: -1000, opacity: 0, ease: Power4.easeIn, delay: 0.5, }) .from(".logo-icon", 0.8,{ y: 200, opacity : 0, scale: 1.2, ease: Power2.easeOut, delay: 0.2 }) .from(".logo-icon", 0.8,{ rotation: 360, ease: Power2.easeOut, delay: 0.2 }) .from(".logo-text", 0.5,{ y: 200, opacity : 1, ease: Power2.easeOut, delay: 0.2 }) .to(".logo-icon", 0.5,{ y: -200, opacity : 0, ease: Expo.easeIn, delay: 0.2 }) .to(".logo-text", 0.5,{ y: 200, opacity : 0, ease: Power2.easeInOut, delay: 0.2 }) .to(".overlay2", 0.8,{ y: -1000, opacity: 0, ease: Power2.easeInOut, delay: 0.2, onComplete: function(){ TweenMax.set("body", {overflow:"visible"}); } });