How to use separate images for mobile and desktop
1 year 10 months ago - 1 year 10 months ago #66903
by David909
How to use separate images for mobile and desktop was created 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.
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.
1 year 10 months ago #66905
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic How to use separate images for mobile and desktop
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
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