Coder Social home page Coder Social logo

risonakamo / igaviewer Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 1.0 540 KB

imgur album viewer (old, try new viewer: https://github.com/risonakamo/igaviewer2)

Home Page: https://risonakamo.github.io/igaviewer/

HTML 87.62% JavaScript 11.79% CSS 0.59%

igaviewer's People

Contributors

risonakamo avatar

Watchers

 avatar  avatar

Forkers

gabanders

igaviewer's Issues

auto fit fit

fit so the whole image is on the screen (tall fit for tall, wide fit for wide)

viewer background overscroll looks weird

on mobile, when the viewer is scrollable because it is longer than the screen and the panel is open and over scroll happens, the fixed background does not follow and it looks ugly
fixes:

  • stop viewer from scrolling while panel is open
    • maybe change to overflow hidden

some kind of fullscreen feature

  • like hitomi's fullscreen
    • need to check hitomi behaviour for tall images
  • maybe have it fit the current window size so that a user has to scroll once for the progress counter (like some sites where the intro fits the whole viewport then you scroll for content)

action bar on panel page

functions:

  • return to current image
  • fit options (only 1 should be active at a time):
    • fit wide
    • fit tall
    • original size
  • fullscreen (?) (seems to not be useful as the viewer is pretty much fullscreen)
  • load another album (?)

Chrome 80 breaks HTML Import

As of version 80, Chrome no longer supports HTML import and thus breaks the IGAViewer functionality. Is it possible to rewrite it with other methods that does not need HTML import?

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.