Comments (2)
The library aims to display the image in its entirety to fill the viewport, and not to overflow. This behavior therefore seems to be expected. If I misunderstood, could you please reproduce in this sandbox?
The inability to scroll away might be a bug. Reproducing would help better define expectations.
from medium-zoom.
Well, I guess it's a usability issue. In your sandbox, try to use a large picture (like 12MPx one). Once clicked, we should have an option to allow more zoom than the viewport's width, else the zoom effect is useless (it goes from 10 to 12 in the sandbox for me, and I would like it to go from 10 to 100 or so). Once the zoom factor is increased, we should be able to scroll in the picture's frame.
For most picture of interest, they are already like 80% of the viewport width for me on the blog without the plugin, so getting them to 100% is kind of useless to me.
from medium-zoom.
Related Issues (20)
- Images get loaded/reloaded too often HOT 3
- Pressing image zooms it out
- Support for prefers-reduced-motion HOT 1
- Zoomed image not closing in browsers not supporting srcset (IE11 and Edge 13-15)
- Auto closed on iOS safari browser HOT 1
- Zoomed image appears behind the sidebar HOT 2
- Not work on <img> element in markdown. HOT 4
- Vitepress support HOT 2
- data-zoom-src not working with loading attribute HOT 5
- Pinching zoom option
- Nuxt with medium-zoom, weridly on the directly load in.
- SVG images sometimes don't have a '.svg' extension
- Gallery on full viewport mode (feature request) HOT 2
- Customize overlay HOT 1
- Working Nuxt3 example - add to README.md or separate page? HOT 1
- Cannot close overlay before `opened` event has fired. HOT 3
- Manipulation image size HOT 4
- Zoomed image size exceed intrinsic image size HOT 3
- use picture bed can't show image in website HOT 1
- The image is not centered and scale in iframe
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from medium-zoom.