- Posts: 1
- Thank you received: 0
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..
- scool
- Topic Author
- Offline
- New Member
Less
More
7 years 10 months ago #136316
by scool
Responsive image (re)size - or how to serve different image sizes.. was created 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
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
- Online
- LimeSurvey Community Team
Less
More
- Posts: 13908
- Thank you received: 2546
7 years 10 months ago #136351
by DenisChenu
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.
Replied by DenisChenu on topic Responsive image (re)size - or how to serve different image sizes..
There are a lot of specialized Web dev forum for this ....
searx.me/?q=responsive%20image&categories=general
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
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 10611
- Thank you received: 3691
7 years 9 months ago #136405
by tpartner
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Replied by tpartner on topic Responsive image (re)size - or how to serve different image sizes..
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
- Online
- LimeSurvey Community Team
Less
More
- Posts: 13908
- Thank you received: 2546
7 years 9 months ago #136412
by DenisChenu
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.
Replied by DenisChenu on topic Responsive image (re)size - or how to serve different image sizes..
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
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.