phpBB • Free and Open Source Forum Software

maley · by **maley** » Thu Aug 11, 2022 11:00 pm

Very nice extension but it does not show good when using a mobile. How can you add this ? Thanks

huynhbuutam · by **huynhbuutam** » Sat Aug 13, 2022 12:26 pm

This extension has been designed to be compatible with phones (see the screenshots). Please send me a snapshot describing your problem.

maley · by **maley** » Mon Aug 15, 2022 10:51 pm

Hi Images are compatible on mobile but distorted : the images are all stretched in height.
How to optimize the rendering and keep the aspect ratio of the image ?

See on my website : www.infohac.com and attach files

Thank you for the help

huynhbuutam · by **huynhbuutam** » Sat Aug 20, 2022 6:33 am

Hi maley, a similar thread has been created here, please check if it solves your problem

maley · by **maley** » Sun Aug 21, 2022 10:17 pm

huynhbuutam wrote:Hi maley, a similar thread has been created here, please check if it solves your problem

Thanks.
yes I saw the post but it does not answer the problem because the image is truncated with this modification of the CSS.
You can see the result in the attachment.
I would like the slide to be displayed in full.
It would rather manage the display on mobile with a dedicated CSS, like the extension "headerbanner" from "hifikabin"

Thanks a lot

huynhbuutam · by **huynhbuutam** » Mon Aug 22, 2022 12:20 pm

Have you tried disabling the Image navigator?
Note: The latest commit on Github fixed some mobile issues, you can try it.
https://github.com/huynhbuutam/phpbb-ex ... management

maley · by **maley** » Mon Aug 22, 2022 3:17 pm

The image navigator is already disabled
I have already installed the 1.01 version founded on github
Another idea ? Thank for your response

huynhbuutam · by **huynhbuutam** » Wed Aug 24, 2022 4:40 pm

Hi maley, if you just want to keep the aspect ratio of the image, follow these steps:
- Open: ./tamit/slideshow/styles/prosilver/theme/tamitslideshow.css
- Find: background-size: 100% 100%;
- Replace-with: background-repeat: no-repeat; background-position: center; background-size: auto;
- Reload the page to see the changes (on Windows, press Ctrl + F5)

maley · by **maley** » Wed Aug 24, 2022 8:49 pm

Hi huynhbuutam

Thank you for the answer.
Here is the CSS code with the modification:

/* ============ Slides ============ */
.slideshow-slides {
height: 0;
opacity: 0;
transition: all 1s ease;
overflow: hidden;
background-size: auto;
background-position: center;
background-repeat: no-repeat;
position: relative;
}

but the result is always the same. The slide is truncated on the left and on the right.
What I would like is for the image to be adjusted in height to display the entire width of the slide when the user is on his mobile.
Is it possible ?
Sorry to bother you with this.

Thanks a lot

huynhbuutam · by **huynhbuutam** » Thu Aug 25, 2022 12:49 am

Every time you change a property in CSS, you need to force the browser to fully reload the page by pressing Ctrl+F5 several time
Please note that you cannot make the image fit both sides (width and height) without breaking the aspect ratio of the image, since the height of the image container is fixed (and we should not make it resizable), while the width is resizable
You will probably need to use background-size: 100% auto;, try it

maley · by **maley** » Thu Aug 25, 2022 7:25 am

the height of the image container is fixed and we should not make it resizable

Ok understand now. Thanks for your help. Bye

phpBB • Free and Open Source Forum Software

Slideshow Management

How can I make this responsive ? - Slideshow Management

How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

Re: How can I make this responsive ?

advertisements