Hiding the next button until all preloading is done | XM Community
Skip to main content
Question

Hiding the next button until all preloading is done

  • October 23, 2020
  • 3 replies
  • 82 views
B

Hi! I've got a very image-heavy survey that we want to have preloaded before respondents begin. So, I've worked out that you can make the browser preload images with this code (repeated for each image) in a blank question on the first page:

But now I'm trying to hide the next button until all the images are loaded. I can hide the button with this in the header:

I've tried this (also in the header) to make the button visible again, but it goes visible before the preloading has finished:

What obvious mistakes have I made? Thank you!

    W
    Abhishek_U

    3 replies

    B
    • billp
    • Author
    • October 23, 2020

    I'm now trying this because I thought that perhaps jQuery's window load would be clearer, but it also doesn't work:

    W
    W
    • whr
    • November 23, 2021

    Could you share how you are displaying the videos once they have preloaded? Is it just an image tag linking to that source code? Unfortunately I can't help with solving the problem, but I'm actually trying to figure out what I think you've already cracked.

    chackbusch
    QPN Level 5 ●●●●●
    Forum|alt.badge.img+22
    • chackbusch
    • QPN Level 5 ●●●●●
    • August 10, 2024

    Very old topic but wanted to share some comment to preload images at the start and hide the next button until everything was loaded:

     

    Driving Qualtrics @ MHP – A Porsche Company 🚀
    Terms & ConditionsAccessibility statement