Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with images with margin #5

Open
andrb opened this issue Sep 14, 2019 · 1 comment
Open

Problem with images with margin #5

andrb opened this issue Sep 14, 2019 · 1 comment

Comments

@andrb
Copy link

andrb commented Sep 14, 2019

Hi, I really liked this script, but I came across one feature.
I have images with margin-top in styles, when i use Zoomify for image data, the enlarged image when clicked is shifted up by the number of pixels in the margin-top for image. This is especially noticeable if the image is large and scale is set to 0.98 for better magnification. When scrolling, the image becomes centered, but when clicked, it is shifted up. I tried to see something myself, but I didn’t succeed. For the test, create a large image with Zoomify and a 100 pixel margin top in image style. I just wrote what I saw, because I couldn’t fix it myself, thanks.
( wrote using google translator :) )

@BertrandMennweg
Copy link

Hi try to modify your css files like this .zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:none;margin:none;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
Replace margin and padding from 0 to none and its work.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants