How to use separate images for mobile and desktop

More
1 year 10 months ago - 1 year 10 months ago #66903 by David909
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 10 months ago by David909.

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

More
1 year 10 months ago #66905 by ced1870
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

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

Time to create page: 0.188 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 764 guests and 2 members online