SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Jun 2013
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    jQuery effect waits until browser tab clicked.

    Hello folks,

    I am looking forward in implementing this nice effect in my webpage. Once you click the link below, the webpage will start loading, but if you work on different tab of your browser and comeback (the webpage will load in background and wait to show the jQuery effect) - [If the webpage already got loaded, please just refresh the page and go to other tab and comeback after a few seconds when the page loading is done.]

    Here's a sample website http://goo.gl/JSqYv4 - (Designer's picture zoom-in effect, Header text slide down)

    ...and this is another: http://goo.gl/NV5tuO - (Portfolio items zoom-in)

    I know this has done with jQuery but not sure how they keep the 'effect waiting' until visitor click on tab.

    Any hints will be highly appreciated.

    Thanks.

  2. #2
    Unobtrusively zen silver trophybronze trophy
    paul_wilkins's Avatar
    Join Date
    Jan 2007
    Location
    Christchurch, New Zealand
    Posts
    14,702
    Mentioned
    101 Post(s)
    Tagged
    4 Thread(s)
    Quote Originally Posted by media9 View Post
    I am looking forward in implementing this nice effect in my webpage. Once you click the link below, the webpage will start loading, but if you work on different tab of your browser and comeback (the webpage will load in background and wait to show the jQuery effect)
    This may be due to a bug that occurs in animations due to requestAnimationFrame being used.
    http://bugs.jquery.com/ticket/9381
    Programming Group Advisor
    Reference: JavaScript, Quirksmode Validate: HTML Validation, JSLint
    Car is to Carpet as Java is to JavaScript

  3. #3
    SitePoint Member
    Join Date
    Jun 2013
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by paul_wilkins View Post
    This may be due to a bug that occurs in animations due to requestAnimationFrame being used.
    http://bugs.jquery.com/ticket/9381
    I must say it's a nice bug that causing the 'waiting effect' However, I've seen that in Apple's website also. the top navigation menu, they used to have a jump-in to place effect until you click the browser tab.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •