Show HN: Amplify – A tiny script allowing inline image zoom • Hacker News Board

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#11

Post by Liquidor » Mon, Sep 18, 2017, 1:16 PM UTC

Gys wrote: post #3

The demo link does not work for me on Firefox 55.0.3 on OSX 10.12.6 Works in Chrome, Safari and Opera.

Apparently the author of the project didn't fully implement flexbox properties, making it not work in IE/Firefox.

Reported the issue and suggested a fix: https://github.com/charlestati/amplify/issues/2

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#12

Post by Pigo » Mon, Sep 18, 2017, 1:20 PM UTC

purrcat259 wrote: post #6

Missed opportunity to call it Enhance! :)

I was wondering, because there is an Amplify library already, but I think it goes by AmplifyJS.

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#13

Post by spiderfarmer » Mon, Sep 18, 2017, 1:42 PM UTC

One of the reasons I like lightboxes is because it doesn't trigger a content reflow. This does, which is an issue on slow mobile devices.

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#14

Post by maxpert » Mon, Sep 18, 2017, 2:09 PM UTC

Shameless plug ~7 years ago when canvas was still a new thing I did a weird take on this zooming concept http://maxpert.github.io/wadda/

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#15

Post by blauditore » Mon, Sep 18, 2017, 2:14 PM UTC

dehef wrote: post #8

how do you can use it in angular (2)?

The functionality is simple and mostly based on CSS, so just set relevant attributes in your template and toggle 'aria-expanded' on click as in the JS file[1]. Then, include (S)CSS copy which handles resizing based on above attribute[2].

All files other than those in src/ are just processing fluff and irrelevant for the actual functionality.

[1]: https://github.com/charlestati/amplify/blob/master/src/ampli... [2]: https://github.com/charlestati/amplify/blob/master/src/ampli...

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#16

Post by nishs » Mon, Sep 18, 2017, 2:45 PM UTC

Similar with potentially smoother UX:

- https://github.com/fat/zoom.js/ (jQuery)

- https://github.com/nishanths/zoom.js/ (fork with no dependencies)

Re: Show HN: Amplify – A tiny script allowing inline image zoom

#17

Post by ComputerGuru » Mon, Sep 18, 2017, 3:15 PM UTC

nishs wrote: post #16

Similar with potentially smoother UX: - https://github.com/fat/zoom.js/ (jQuery) - https://github.com/nishanths/zoom.js/ (fork with no dependencies)

I don’t think so? Those are closer to lightboxes, they’re not really that “inline”