6 ms·
Show HN: Amplify – A tiny script allowing inline image zoom
- Gys 9y agoThe demo link does not work for me on Firefox 55.0.3 on OSX 10.12.6 Works in Chrome, Safari and Opera.
- ndh2 9y agoDoesn't work for me either in FF 53.0.3 (32-bit) on Win 7.
- das_keyboard 9y agoAlso doesn't work with FF 57.0a1 Nightly on Win7
- Liquidor 9y agoApparently 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 https://github.com/charlestati/amplify/issues/2
- zichy 9y agoThumbnail and srcset support would be nice.
- tgb 9y agoThere's a related annoyance I've had for a while now: I grew up reading PC Gamer magazine and one of the great things about it was, for me, seeing the fancy new graphics coming out in large, glossy screenshots. Now, I read Rock Paper Shotgun and PC Gamer online and the screenshots are tiny, tiny things! On screenshot-focused articles, they'll be expandable but on most they're just little blocks the size of the textbox I'm writing in right now. And even when they are expandable, they almost never actually let you expand to full-screen. It kills some of the fun for me - but I guess now we have fullscreen video to more than make up for it though I don't always want to watch a video. While expanding them inline would be nice, it doesn't really fix the problem that they're serving tiny images.
- purrcat259 9y agoMissed opportunity to call it Enhance! :)
- Pigo 9y agoI was wondering, because there is an Amplify library already, but I think it goes by AmplifyJS.
- csciutto 9y agoIt might just be that I don't have much experience with JS, but it profoundly annoys be that a "tiny" script has 8 additional config files...
- Liquidor 9y agoThe configuration files are just for working on the source. The final file looks like this: https://github.com/charlestati/amplify/blob/master/docs/amplify.min.js https://github.com/charlestati/amplify/blob/master/docs/ampl...
- dehef 9y agohow do you can use it in angular (2)?
- blauditore 9y agoThe 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/amplify.js https://github.com/charlestati/amplify/blob/master/src/ampli... [2]: https://github.com/charlestati/amplify/blob/master/src/amplify.scss https://github.com/charlestati/amplify/blob/master/src/ampli...
- spiderfarmer 9y agoOne 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.
- maxpert 9y agoShameless 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/ http://maxpert.github.io/wadda/
- nishs 9y agoSimilar with potentially smoother UX: - https://github.com/fat/zoom.js/ https://github.com/fat/zoom.js/ (jQuery) - https://github.com/nishanths/zoom.js/ https://github.com/nishanths/zoom.js/ (fork with no dependencies)
- ComputerGuru 9y agoI don’t think so? Those are closer to lightboxes, they’re not really that “inline”