19 ms·
Viewer.js – JavaScript image viewer
- TheTravCav 11y agoworks great. lots of features. easy to use. I like it.
- chinathrow 11y agoNice. What seems to be missing is the forward/backward links within each 50% of the image width.
- lukasm 11y agoThere should be X to close the image
- rogeryu 11y agoClicking outside the image should close it. That's pretty standard nowadays.
- joshstrange 11y agoIt doesn't for me I had to use ESC.
- ptasci67 11y agoI believe there is an X to close it but it is in the upper right hand corner of the page not in the upper right hand corner of the image as one would expect.
- jeffjose 11y agoIts there, all the way at the top right.
- silveira 11y agoThere are usages for this kind of image viewer but frankly I find them very annoying most of the time. A good example to follow is the Boston Globe's Big Picture (click in any image at https://www.bostonglobe.com/news/bigpicture https://www.bostonglobe.com/news/bigpicture to see a gallery). Just having all images in a good resolution, vertically stacked in a page has an awesome user experience. I can just scroll which fells very natural, and images will just load in background. If you want to go fancy you can have some JS to control in which order the images should load, and limit the bandwidth.
- yannis 11y agoI also dislike "gallery" type of presentations. I also prefer an example similar to the "bostonglobe.com", perhaps with some blazy effects http://dinbror.dk/blazy/ http://dinbror.dk/blazy/.
- k__ 11y agoI prefer this too. But I guess that people who know stuff about photography will say the photos won't get the needed exposure...
- Tosh108 11y agoMy screen is a bit too small and I can't see the complete picture. Makes me have to scroll back and forth to read the text and look at the image. For my screen I would have preferred gallery in this case.
- troels 11y agoTry resizing the window.
- hayksaakian 11y agoAt a certain point, scrolling past 20 images is annoying.
- LoSboccacc 11y agoWe have our saas startup and one of the main point was loading images order, it changes the user perception a lot especially since our users insist in having hundred megabytes worth of photo (but I'm working at automatically optimizing them)
- starikovs 11y agoWorks great! (btw, here's mine https://github.com/starikovs/stupidbox https://github.com/starikovs/stupidbox %-)
- ycthrowaway1 11y agolots of +1 for using emma watson, she is also pretty sideways. However, i did experience a blocking wait for > 5 seconds "Waiting for http://.." http://.." some fusion ads or something. In UX terms, it is quite important that image loading ( -> fullscreen on click) is not blocked.
- deleted 11y ago[deleted]
- Zyst 11y agoHa! I was looking exactly for something like this (Zoom/rotate) Sweet, I lucked out.
- xbryanx 11y agoMight be cool, but I closed my tab immediately. I work on an open team with quite a few women and other folks who would immediately react negatively to the sexy Emma Watson example photos. Bring on the downvotes, but even if this is an irrational negative reaction, it's a real one. If you want this to be a useful and universal library consider your example images. If you want it to be used only by people who aren't bothered by this, then plow straight ahead. It's 2016, let's not propagate the mess that was Lenna: https://en.wikipedia.org/wiki/Lenna https://en.wikipedia.org/wiki/Lenna
- dcre 11y ago100% agree. It's infantile and embarrassing.
- fokinsean 11y agohttps://www.youtube.com/watch?v=Wo7CgWH8jX4 https://www.youtube.com/watch?v=Wo7CgWH8jX4
- deleted 11y ago[deleted]
- laumars 11y agoIn fairness, the images were tasteful. However I do agree with you that it would have been better to use a mixture of different content (landscapes, architectures, people) as well as subjects (male, female). Having only portraits of one individual can end up looking a little pervy. They probably should also use creative commons images - if they're not already.
- toomanybeersies 11y agoI disagree. It would be weird if it was a collection of various images from different times of the same person, or a collection of female celebrities. But it's a series of images from the same photoshoot. It's a perfectly reasonable grouping to make.
- 11y ago
- JohnnieWalker 11y agoI don't want to be negative put performance is really not that great (specially when pinching), there is simply no comparison to native (massive lag/unresponsive) It's certainly possible to build web native par photo viewers (I've done it) I'll try to open source my implementation soon. However props to the author it seems to have good documentation and well thought out features.
- vortico 11y agoHere's my lightbox implementation: <a href="photo.jpg" target="_blank"><img src="photo_thumb.jpg"/></a> Works in all browsers, native, lightweight, public domain.
- janaagaard 11y ago=) I prefer it without the target attribute, generally because I prefer navigating back than closing a window. This is especially true on phones. Power users on desktop computers usually know how to open in a tab using the third mouse button or Ctrl-clicking.
- BHSPitMonkey 11y agoIf a link opens in a new tab on Android, the back button closes the tab.
- janaagaard 11y agoI didn't know that. Neat. Then maybe iOS will get this one day. I would like some kind of reverse Ctrl-click, that would force links to open in the same window as the one I'm currently in. I just don't know how this should work, if I click a link while I'm filling in a form. :-/
- teac2019 11y agohttps://news.ycombinator.com/item?id=10981002 https://news.ycombinator.com/item?id=10981002
- teac2019 11y agohttps://www.youtube.com/watch?v=UMnC3Nwif1k https://www.youtube.com/watch?v=UMnC3Nwif1k
- ajsharp 11y agoThe open animation is way too slow. Not great UX.
- afloatboat 11y agoI occassionally use PhotoSwipe when I need an image viewer (http://photoswipe.com/documentation/getting-started.html http://photoswipe.com/documentation/getting-started.html). Bit of a pain to implement, but I really like the way it works both on desktop and mobile and the fact that it has linkable URLs. For all the over the top options that ViewerJS seems to have, I find it strange that a simple 'click background to close' option is missing.
- sysrpl 11y agoBah, I think mine which is pure css transitions is better -> http://cache.getlazarus.org/videos/flip-photos.mp4 http://cache.getlazarus.org/videos/flip-photos.mp4 And simpler too.
- sysrpl 11y agoBah, I think my solution looks better, and it's mostly all CSS transitions (simpler) -> http://cache.getlazarus.org/videos/flip-photos.mp4 http://cache.getlazarus.org/videos/flip-photos.mp4
- joshribakoff 11y agoTested it for about 30 seconds & found numerous bugs. Scrolling with my Apple Magic touchpad is very buggy. As I scroll up it zooms in 90% of the time, but randomly 10% of the time it reverses the zoom direction so scrolling up zooms out. When I click on the "zoom out" button on the bottom of the screen, the image zooms out but starts moving off the page, as if the width/height are changed but the left/top aren't updated. This does not appear to be production ready.
- miyuru 11y agosince github is down atm http://fengyuanchen.github.io/viewerjs/ http://fengyuanchen.github.io/viewerjs/