Welcome, Guest
Username: Password: Remember me

TOPIC: preload visual images via online limesurvey

preload visual images via online limesurvey 4 months 4 weeks ago #107129

  • s_f
  • s_f's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 2
  • Karma: 0
Hi guys,

There was a post on preloading images but it seemed to go over my head because I have no background in programming. The codes were extremely confusing and after trying for 5 whole days, I decided to ask this question.

I have to present a series of visual images one at a one for 3 secs. each. I'm using the online lime survey with my own server to develop this experiment. Because I am running this experiment online, some people are having issues with images being really slowly loaded and before they are completely loaded, the 3 sec. are up and it moves to the next image. Is there anyway I can pre-load all my images? If so, should I enter some code under the 'source' option in one of the question type or group section?

Thank you.
The administrator has disabled public write access.

preload visual images via online limesurvey 4 months 4 weeks ago #107142

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4139
  • Thank you received: 767
  • Karma: 348
Are all of these images displayed on the same page?

How are you showing them "one at a one for 3 secs. each"?


.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

preload visual images via online limesurvey 4 months 4 weeks ago #107154

  • s_f
  • s_f's Avatar
  • OFFLINE
  • Fresh Lemon
  • Posts: 2
  • Karma: 0
I've created a new group (with a question type) for each image as a boilerplate with a timer of 3 sec after which is moves on to the next group. The survey is setup as 'show group by group'. Thus, each image is presented one at a time.
The administrator has disabled public write access.

preload visual images via online limesurvey 4 months 4 weeks ago #107159

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4139
  • Thank you received: 767
  • Karma: 348
In that case, preloading won't help you - you are already loading the image as the page loads. I think your problem lies in server or device performance.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
The administrator has disabled public write access.

preload visual images via online limesurvey 4 months 4 weeks ago #107165

  • holch
  • holch's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 2640
  • Thank you received: 313
  • Karma: 115
Tony, I think what s_f means is that as there are only 3 seconds, sometimes the picture isn't loaded completely yet, but the test moves already forward. It could easily be that the timer already counts, while the picture is not there yet.

Wouldn't it be an option to load the pictures on the first page but hide them from displaying, thuse they should be in the browser cache and should load really quickly once it comes to the page with the timer?
Have a look at the manual! It is a really valuable source for information. Here some helpful links:
Manual (EN) | Question Types | Question Attributes | Workarounds

If you found this answer helpful and it saved you some time please consider a donation to the project to keep Limesurvey going!
The administrator has disabled public write access.

preload visual images via online limesurvey 4 months 4 weeks ago #107167

  • tpartner
  • tpartner's Avatar
  • OFFLINE
  • LimeSurvey Team
  • Posts: 4139
  • Thank you received: 767
  • Karma: 348
Sure, good idea holch!

You wouldn't even need any script to do that. Simply put something like this in the source of the welcome message or the first group description:

<img style="position:absolute; left:-9999em;" src="http://www.google.com/logos/2011/thai_elephant_day11-hp.jpg" alt="" />
<img style="position:absolute; left:-9999em;" src="http://www.google.com/logos/2012/malaysia12-hp.jpg" alt="" />
<img style="position:absolute; left:-9999em;" src="http://www.google.com/logos/2012/200th_anniversary_of_grimms_fairy_tales-986006-hp.jpg" alt="" />
<img style="position:absolute; left:-9999em;" src="http://www.google.com/logos/2012/finland_independence_day_2012-987005-hp.jpg" alt="" />


.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

LimeSurvey is open-source and run entirely by volunteers so please consider donating to support the project.
Last Edit: 4 months 4 weeks ago by tpartner.
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.129 seconds
Donation Image