Git Product home page Git Product logo

advanced-zoom's Introduction

I'm heavybeard

I'm currently working at Nibol as Software Developer.

Check my professional story on Linkedin

AMA

Ask me about Italy, especially Marche: I'm a smart worker and I love travel and hiking to enhance my ideas.

You can reach me opening an issue in this repo

advanced-zoom's People

Contributors

blackheart340 avatar cpommiss avatar fat avatar heavybeard avatar joe-callon avatar kittygiraudel avatar nielthiart avatar sethherr avatar theskumar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

wiseraven

advanced-zoom's Issues

README.md: needs to read 'data-zoom-original'

On your README.md page under 'Why':

But the source code on your examples uses "data-zoom-original".

I switched to "data-zoom-original" and it worked.

Thank you so much for advanced-zoom, it has saved the day after zoom.js was blurring the images too much.

Reducing image blur on Chrome and Safari

I added the following to the end of the css file

.zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }

This dramatically reduced the blurring in both Chrome and Safari without effecting Firefox.

As per a suggestion: fat#54

Zoomed image wrapper doesn't work properly with CSS grid

Hi,
I tried your plugin, it seems that it does not work with the CSS grid.
When I zoom in on the image I have a little glitch, it's worse when I leave the image, sometimes the "zoom out" remains frozen.

Do you think it can be fixed?

Init plugin via JavaScript

I am doing a blog where everything is written in markdown and i cannot add the attribute data-zoom. Anyway I could initiate the plugin via JS?

Thanks!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.