How to use separate images for mobile and desktop

How to use separate images for mobile and desktop was created by David909

Posted 1 year 4 months ago #66903
Is it possible to have two separate images for a slide, one for mobile and another for desktop?

If possible, the mobile version of an image will be 749 x 912, in portrait aspect and will only display on mobile devices or small screens. The desktop version of the image will be 2231 x 912, in landscape aspect and will only display on larger screens.

Right now, I have two separate modules on my page with visibility controlled by css. Only one version is displayed at a time, based on the size of the screen/window it's being viewed on.
Last Edit:1 year 4 months ago by David909
Last edit: 1 year 4 months ago by David909.

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic How to use separate images for mobile and desktop

Posted 1 year 4 months ago #66905
Hi
you can activate the option "specific images for mobile" in the options of the module
it will create a thumb image used on mobile (using the user agent detection) but you can not have the same height. You can only setup one dimension for the slideshow, it means that the small images will have the same ratio

the thumbs will be created in a subfolder "th", you can also remove them and create your own thumbs in this folder
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.656 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1036 guests and no members online