fancyapps / ui

A library of JavaScript UI components, includes the best lightbox - Fancybox5
https://fancyapps.com/
Other
722 stars 91 forks source link

image quality #623

Closed yesyeahvh123 closed 3 months ago

yesyeahvh123 commented 3 months ago

in lastest version 5, i have problem with image quality, image is blurred when see in lightbox, you can see clearly when using low resolution images, i try in version 3 and 4 did not encounter this problem, can you help?

fancyapps commented 3 months ago

Hi,

you can see clearly when using low resolution images

I am sorry, but I do not see any issue, could you, please, show some live page/demo?

fancyapps commented 3 months ago

Also, could you try this CSS snippet to see if that helps:

.fancybox-image {
  filter: blur(0);
}
yesyeahvh123 commented 3 months ago

Thanks for reply, here is demo https://wpmgm.sytes.net/2024/03/02/fdhdfgdg/ View on desktop to see clearly

yesyeahvh123 commented 3 months ago

If you pay attention to the text on the image, you will clearly see the difference, it's not much of a problem with high resolution images but I often use low resolution images for my website so there will be a difference, so I had to go back to version 4. But in version 4.0.31 i have problem If I open and close a few photos one after another I have to press the back button many times to return to the previous page. The more photos turn off, the more times you need to press the return button, i try Hash: false, but not good

fancyapps commented 3 months ago

I'm sorry, but I don't know how to help you. Your images look good to me and...the result depends on how the browser renders, you can't really control that.

For v4, simply disable Hash plugin, check docs, there are samples.

yesyeahvh123 commented 3 months ago

@fancyapps I already try hash but it not working well, when open lightbox I click back, Instead of closing the lightbox it returns to the previous page

fancyapps commented 3 months ago

@yesyeahvh123 This is how browsers work - when you open a page, clicking the back button will take you to the previous page.

The Hash plugin adds a hash to the URL and adds new entry to the history, so when you click the back button, it will take you to the previous page where Fancybox isn't open, so you see it closing.

yesyeahvh123 commented 3 months ago

@fancyapps I also encountered the same situation in version 5, why is it worse the higher the version? version 3 everything work fine but i dont like thumbnail at the right and bad animation on mobile

yesyeahvh123 commented 3 months ago

@fancyapps can i bring thumbnail in version 3 to bottom and smooth animation when swipe image left/right on mobile?

fancyapps commented 3 months ago

It is what it is, I did my best and i'm so sorry if you feel disappointed. Also, I am currently working on the next major version, it will be built completely differently. If you want to get involved in the development process with your suggestions, then you are welcome to join the discord channel.