Emulate Desktop View on non-responsive websites

[alecos71]

I would like FancyBox to have the feature of emulating the display view as if it were a Desktop on mobile devices when a global setting of the type is set:

EmulateDesktopView = true;

In this way even those who do not have a responsive website can exploit FancyBox without having to compromise excessively limiting or impeding.

Example:

$('[data-fancybox]').fancybox({
  EmulateDesktopView = true
});

What do you think? Will this feature ever see the light?

Thanks.

[fancyapps]

Hi,

Sorry, but I could not understand your question/comment. What do you mean by "Desktop on mobile devices"?

[alecos71]

Fancybox, on non responsive website, on mobile device doesn't work fine for me... but if I switch on desktop view option on mobile browser, fancybox displays correctly the images, so I did think that fancybox could have an option to disable all mobile enhancements so the user could have the best experience on non responsive website. A sort on emulation for desktop view. So fancybox could run fine on non responsive website even if the user has a mobile device. I did think a super global setting that disables all fancybox mobile behaviors if set.

All in my humil opinion.

[fancyapps]

Hmm, could you explain this part - "on non responsive website, on mobile device doesn't work fine for me" - what exactly does not work fine? Can you show screenshot or smth? I suspect this is related to page scaling, but I am not sure.

[alecos71]

Page scaling? What do you suggest as fancybox setting to test out this? Exists a special setting for this case? Thanks.

[fancyapps]

No, no, I was just guessing the possible cause of your issue. Sorry, I still have no idea what is your issue, any demo/screenshot would help.

[alecos71]

On non responsive website with a width of minimum 1200px, fancybox truncate the display of the hovered images and so cannot display anything while landscape images are truncated and is visible only a vertical portion of the full image.

So that I have disabled fancybox on mobile device to prevent this happening.

See the attachment.

[mjcampagna]

Why you’d make a non-responsive website in this day and age is quite beyond me.

Nonetheless, have you tried setting a viewport meta tag on your document, if even to define the page as non-responsive?

[alecos71]

I did put on every page this meta:

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

My website non responsive works fine without fancybox. The only issue I have is with fancybox.

My health is not so good to permit to dedicate to make responsive website.

Sorry.

[alecos71]

Sorry, I solved by making a responsive css, now it's working fine... my website is now responsive.

Thanks for your patience. Have a nice day!