Topic: Another mobile e621 viewer (horizontal scrolling)

Posted under e621 Tools and Applications

Hello everyone,

Here is an humble image viewer I built for my own usage. Nothing fancy : images fit vertically and scroll horizontally. I need this to be able to browse images with only one hand and simple and inaccurate gestures.

http://e621.anthro.fr/

Image are lazy loaded, meaning that even if there are ~50 images a page, it only loads the ones your are looking and preload a few following others.

I don't think I'll manage user blacklist or fav since I don't want to deal with your personal data. And I want to keep it simple. e621 already works well for complexe usage.

I hope it will please some of you and that I didn't do anything wrong with e621.net API & guidelines. If so, just tell me and I'll fix it.

Yours

Updated by jpresken2

Request: make the scroll wheel scroll horizontally.

http://stackoverflow.com/questions/2346958/how-to-do-a-horizontal-scroll-on-mouse-wheel-scroll

Bug: dragging the horizontal scroll bar on Firefox causes jerky motion when new images are loaded. That is because the scroll bar stays in the same % place when the width changes

Request: leftmost panel on a search should contain a search box and other links. You can make it the same 272 width as the other list items. Or include a floating search box that can be hidden.

Request: under the tags list include score, number of favorites, number of comments. If the tags list is too long it is hidden. Some tags are already hidden vertically on post #777280 on my screen resolution

Updated by anonymous

Thank you very much for your feedback. I fixed the Firefox bug (may you confirm?) and implemented your requests, all are good ideas.

API only give a yes/no data for the has_comments property, so that's what I used.

I am unsure about what to do with long tags list. At the moment I let them disappear in the bottom of the page.

Ideas of links to add in the search panel are welcome.

Updated by anonymous

Could you make the post info section a div that scrolls vertically if the tags & stuff are too long? That shouldn't interfere with horizontal scrolling, right?

Also maybe make the Page Up and Page Down keys move forward/backward to the next post?

Other than that it's very nice and I might actually use it on my phone! ...then again reading comments is always fun, wouldn't want to miss that. :D

Edit: Also on my phone it resizes the images depending on wether or not the adressbar at the top (in chrome on android) is visible and that skips me around in the list because of the changed image widths. Is there a way around that maybe?

Updated by anonymous

> Could you make the post info section a div that scrolls vertically if the tags & stuff are too long? That shouldn't interfere with horizontal scrolling, right?

Unsure of the result since the scroll wheel was remapped on horizontal scroll. I scale down tags font size. I'll do some tests.

> Also maybe make the Page Up and Page Down keys move forward/backward to the next post?

Yes :)

> eading comments is always fun, wouldn't want to miss that. :D

I'll try to add a button to load comments on demand. Since it's not documented in the API, this may be not possible.

I keep you up to date.

Updated by anonymous

> make the Page Down keys move forward/backward to the next post

Done! And several other keys like "home" and "end".

> make the post info section a div that scrolls vertically if the tags & stuff are too long

Done!

> eading comments is always fun, wouldn't want to miss that. :D

You are now able to load comments by clicking "comment: yes".

Thank you for your feedbacks!

Updated by anonymous

An autoscroll feature has been added in order to work easily with a Chromecast.

Updated by anonymous

Animated gifs seem to work, as long as they're not tagged "animated" but it doesn't seem to show anything with that tag.

Updated by anonymous

  • 1