Image max-width with Lightbox plugin

[trixs]

Dear All,
I have a question about best way for adapting image width in lighbox plugin.
Shortly, I have a single version of website for mobile and desktop devices. It's use kind of adaptive design with using meta name viewport for better fonts presentation.

Code: Select all

<meta name="viewport" content="initial-scale=0.75, width=device-width">

So if I use lightbox plugin with image preview width with the well suitable for desktop configuration like

Code: Select all

$phpwcms['img_prev_width']    = 538; //max width of the large preview image

or more I got image out of screen on both sides on my smartphone. What the best way to adaptive image width in ligthbox plugin for mobile devices with narrow screens with phpwcms?
For example for my smartphone I need to set

Code: Select all

$phpwcms['img_prev_width']    = 470; //max width of the large preview image

for image being in screen

I understand that it's not very good solution, because of image downscale and loading time.

[update]

Have you checked https://github.com/slackero/phpwcms-ext ... s-fancyBox already?

[trixs]

No I didn't, thank you, I will check

[Oliver Georgi]

FancyBox is responsive