hideoo / starlight-image-zoom Goto Github PK

Describe the bug

When I turn on View Transitions, when I load the page for the first time, the magnifying glass appears when I move the mouse over the image, but clicking on it does not work. After I refresh the current page, clicking on the image to enlarge it works.

To Reproduce

1. turn on View Transitions
2. load the page for the first time
3. clicking on image does not work.

Expected behavior

1. turn on View Transitions
2. load the page for the first time
3. clicking on image does work!!!

How often does this bug happen?

Every time

System Info

macOs: 13.6.6
chrome: 124.0.6367.208

Additional Context

No response

Is your feature request related to a problem?

Consistency with the search behavior in Starlight base

Describe the solution you'd like

Give 2 options. Current, and blurred backdrop.
Blur with search:

Solid color with image-zoom plugin:

Describe alternatives you've considered

Option to use the blurred backdrop with theme color like in Starlight search menu. Currently it uses a 100% opacity with the base color.

Additional Context

No response

Is your feature request related to a problem?

感谢辛苦付出哈！😄👏🏻🎆🎉🎉🎉🎉🎉🎉🎉

Describe the solution you'd like

swiperjs实现的效果能集成进来就太完美了

Describe alternatives you've considered

No response

Additional Context

No response

Describe the bug

After enabling this plugin in Starlight config, the frame="none" flag in my code blocks stoped working and the window frames are displayed.

To Reproduce

1. Have a page with a code block that applies the frame="none" flag.
   Example:
   

2. Install and enable the starlightImageZoomPlugin in astro.config.mjs
   

3. The code block have window frames now
   

Expected behavior

Should not make difference in code blocks

How often does this bug happen?

Every time

System Info

OS: Mac
Browser: Chrome
Plugin version: 0.4.0

Additional Context

No response

Is your feature request related to a problem?

Hey @HiDeoo! I'm wondering if an option to hide the caption on zoom (or limit the caption height) at the bottom of the zoomed image. The caption bar is transparent, which helps a bit, but it does obscure the bottom parts of images with aspect ratios that are closer to 4:3 than 16:9. I already have a component that add captions for my images, so I don't need it on zoom. See screenshots.

Images on the page:

Zoomed image (red border):

An option for hiding the caption seems like a possible solution.

Describe the solution you'd like

Option/config to hide caption bar on zoom.

Describe alternatives you've considered

I can and have ensured that many of my images are closer to a 16:9 aspect ratio, which usually prevents the caption bar from overlapping and obsuring the image. But sometimes this isn't possible.

Additional Context

Thanks for considering this!

Is your feature request related to a problem?

I have a full page image. the problem is, that you can not see much, without zooming in.
That is why I hoped this plugin would change that, but If I click the image to open it in the lightbox, it overflows the container and is not readable, and the container is not scrollable. It would be good, to have a zoom, that is calculated by the size of the image, like the one in chrome.

Overflow:

Describe the solution you'd like

If i open the image url in another tab and zoom with chrome I get this result, which is what I hoped this plugin could do:

Describe alternatives you've considered

Writing my own plugin.

Additional Context

No response