Git Product home page Git Product logo

image-viewer's Introduction

Image Viewer

A cross-platform Image Viewer based on Electron. It runs on OS X, Windows and Linux. It provides an easy interface to browse a directory of images using the left and right keyboard buttons.

Why try the Image Viewer?

  • Blazingly fast
  • Loads a directory of images in a second
  • Let's you manipulate image with the keyboard - next,previous,rotate,copy,delete
  • Eeasily extendable - new functionality can be added at any time
  • Supports all image files a browser does
  • Runs cross-platform. Mainly useful for OS X though.

Preview

  • OS X:

alt tag

  • Windows:

alt tag

  • Linux:

alt tag

Features by version

  • v1.2.0
    • Migrate Project to Angular 4 + TypeScript + Electron (needs refactoring now)
  • v1.1.0
    • Improve UI to center the content of the images better
    • Add rotate to clockwise/anti-clockwise with Up and Down arrows
    • Add Full Screen in the View or CmdOrCtrl+F
    • Exit Full Screen with ESC key
  • v1.0.0
    • Open a Directory and browse it's images
    • Open an Image File and browse the images inside the same directory
    • Fast navigation through the images via Left/Right keyboard buttons
    • Rotate an image clockwise/anti-clockwise (Up-Arrow/Down-Arrow)
    • Save/Move the image to a new location

Installer

Download and install the Image Viewer with simple one-click installation. Choose from the platforms below:

How to run manually

  • First clone the repo

  • Install the dependencies

npm install

  • Run the app

npm start

To create an installer for your platform

  • Run

npm run-script dist

Since upgrade to Angular 4:

  • run webpack-dev-server with watch

npm run start

  • start electron

npm run electron

Contributors

The following is a list of all the people that have helped build the Image-Viewer. Thanks for your contributions!

yyosifovakashnimaregrimmer0125

image-viewer's People

Contributors

akashnimare avatar grimmer0125 avatar yyosifov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

image-viewer's Issues

Add Zoom-In/Out

Add Zoom-In/Out functionality to be able to scale-out/in the currently previewed image

Broken link for OS X dmg installer.

"OS X: Image Viewer.dmg" points to https://github.com/yyosifov/image-viewer/raw/master/dist/Image%20Viewer-1.1.0.dmg which comes up with a 404 error.

Add Menu bar

Add a menu bar component for adding menu items

Add File -> Open

Add File -> Open in the menu, which should give you a file-explorer selector to select an image to open

Add settings window

You can configure:

  • Are the controls visible in Full Screen (left-right)
  • Are the controls visible at all (you can use only shortcuts)
  • Set default copy-to location for easy copy paste of files
  • Set whether you want all files matching filename.* should be copied while copying (including the .raw files)

Add support for Slideshow

Users should be able to start slideshow of the pictures (currently don't support settings for the time interval between switching pictures)

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.