Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Responsive image (re)size - or how to serve different image sizes..

More
7 years 10 months ago #136316 by scool
...based on client screen dimension?

I need Picture(s) in my questions for i.e. choosing/selecting. Can i store i.e. one image (jpg) in 3 different sizes i.e. 375 x 667, 800 x 600, 1024 x 768 and serve the image size 375 x 667 for mobile devices and so on?

is there a trick? maybe can this served by an classid?

hopefully your scool
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 10 months ago #136351 by DenisChenu
There are a lot of specialized Web dev forum for this ....

searx.me/?q=responsive%20image&categories=general

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 9 months ago #136405 by tpartner
In most cases, simply loading the largest image and scaling with CSS is adequate.

Code:
img {
  width: 90%;
  height: auto;
}

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • DenisChenu
  • DenisChenu's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 9 months ago #136412 by DenisChenu
Hi Tony,

Yes : with thgis one : you have an responsive image (in fact , i use img,video,svg{max-width: 100%;height: auto;} at start of any css file, just after the reset part). Taken from getSkeleton (but older than this).

But here : is different source for image, depend on screen size.

I have a french link : blog.nursit.net/Adaptive-Images-et-Responsive-Web.html

Some english link from this source:
- css-tricks.com/which-responsive-images-solution-should-you-use/
- www.smashingmagazine.com/2013/07/choosin...sive-image-solution/
And : xkcd.com/927/

Denis

Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose