The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums JavaScript Is it possible to detect when an image is rendered, not just loaded?

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #35467

    hi there,

    New to this forum and starting out with a tough cookie to crack!

    I’m working on a photo viewer that shows a photo in fullscreen. Next, users can click a “HD” button which will:

    1. Load a much higher resolution image in the background
    2. Once loaded, replace the SRC attribute of the current image with that of the high resolution image

    Step 2 effectively shows the higher res image on screen. Problem is, due to the size of the image it takes several seconds, the the browser progressively (vertically) renders the pixels.

    I rather have it appear with a “big bang”. So I’m looking for a way to not only check when an image is loaded, but also when it is rendered.

    Any ideas?

Viewing 1 post (of 1 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.