Check out the LimeSurvey source code on GitHub!
Welcome, Guest
Username: Password:

TOPIC: Custom Template: New image at end of each group

Custom Template: New image at end of each group 3 years 4 months ago #96259

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
Does the path contain "http://"? I don't see it in your code.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96260

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
Yes, the http;// are all there; I'm not sure why I pasted the code without them.
"www.springboltconsulting.com/survey/uplo...roupDemo/group_0.png",

I am asking, because I am working on another issue related to script and images, and am wondering if there is something I am making a fundamental mistake on.

Thank you,
David
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96294

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
I have been working with Denis to insert images as button in the survey. We could not make it work. Until Denis realized I had an error in the CorrectPNG function. I fixed the error to no avail. I had to comment out the entire function to make it work - and that solved the image preloading issue I was having as well.

See: : www.limesurvey.org/en/forum/installation...buttons-images/96265 for the long story.

Thank you,
David
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96305

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
One more thing,
Is it possible that you know how to accomplish the hover effect with the images as buttons (detailed at the end of the post above). The css, if in fact it is still css, is simply beyond me. This is last detail in my quest to accomplish buttons as images on surveys. Any thoughts you have are greatly appreciated.
P.S. I became a Gold Donor this morning. ;)
Nebraska
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96306

  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • Moderator Lime
  • Posts: 9358
  • Thank you received: 1341
  • Karma: 386
Hello,

For hover : 2 manner.

1st : use css only for background without hover and with hover.
2nd: use .hover() jquery function to change img src url
Assistance on LimeSurvey forum and LimeSurvey core developpement are on my free time (Say thanks ?).
A bug not reported is a bug not corrected. | Please, read the documentation | La doc en français à besoin de vous
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96307

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
I think I have tried - and failed - method one. I don't know enough to know what I'm doing wrong.
And I haven't slightest idea of how to implement method 2.
I'm stuck without an example to work from,
David
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 4 months ago #96322

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
David,thanks for the gold!

See www.limesurvey.org/en/forum/installation...mages?start=10#96321 for an answer about hover effects.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97084

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
I wondered if anyone had any further thoughts on this. It's still plaguing me.
-Nebraska David
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97086

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
But...I thought we resolved your issues in your other post...
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97098

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
I thought commenting out the CorrectPNG function had fixed it. In fact, what I thought was a fix, was really that the images were loading faster because they had been to the cache. I think anyway. I don't know.

This is some of the css for the images. I didn;t write it; I don't understand it. Is it possible the url in the preloader script and this are not synced up?

CSS:
#group-2 .groupImage {
background: transparent url(group_2.png) 0 0 no-repeat;
}
Last Edit: 3 years 3 months ago by dweisser. Reason: More info...
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97121

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
Can you activate a test survey?
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97142

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97146

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
group_2.png is being preloaded, however next_custom2_hover.png is not because it's not in your preloader array:
$(document).ready(function(){
	preload([
		"http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_0.png",
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_1.png',
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_2.png',
		"http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_3.png",
		"http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_4.png",
		"http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/group_5.png",
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/salutation_1.png',
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/endpage_1.png',
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/next_custom1_normal.png',
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/next_custom1_hover.png',
		'http://www.springboltconsulting.com/survey/upload/templates/EagleGroupDemo/endpage_1.png'
	]);
}); 
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97150

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
Yes I saw that. However, the problem is with the images: group_0.png, group_1.png thru group_5.png and the endpage.
If you clear your cache, are you seeing the images load on screen? Or are they in fact preloading. They look to me as if they are being visibly drawn on screen.
Do you have to include every image on the page in the array for the preloader to work?
The administrator has disabled public write access.

Custom Template: New image at end of each group 3 years 3 months ago #97151

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 6323
  • Thank you received: 1407
  • Karma: 547
They appear to be preloading fine for me.
Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The administrator has disabled public write access.
Time to create page: 0.227 seconds
Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form