Slideshow and individual image viewer, with sortable and zoom facility.

As simple as paste images into a directory, start node script, open index.html in browser, and drag sortable thumbnails are displayed. Click play for slideshow, pause to view image, zoom in or out and change delay time. Save settings for each folder.

To run example:

git clone https://github.com/pixelsplurge/slideshow.git

or download and unzip:

https://github.com/pixelsplurge/slideshow/archive/master.zip

navigate to location of app directory eg:

cd /home/user/slideshow/

Windows eg:

cd C:\Users\User1\slideshow\

to install dependencies, run:

npm install

then:

node index.js

Then open URI of index.html in browser, Linux eg:

/home/user/slideshow/index.html

Windows eg:

C:\Users\User 1\slideshow\index.html

NB not URL http://...

To display your images, create new sub-directory and paste images and edit index.js, eg:

var slidesDir = "slides2/";

To change global delay of slides edit:

var defaultDelay = 3; //sec

Individual slide delays can be set by clicking images and making adjustments in menu.

Socket.io automatically reads directory and displays thumbnails of type: png, jpeg, jpg, gif, bmp and svg.

Drag sortable thumbnails to organize sequence of slideshow.

Click play icon.

To view indvidual images, click on thumb or on image while playing or pause icon.

Click play icon to resume.

Click stop icon to return to sortable thumbs.

To save or open saved delay and sequence settings, click settings icon on far left.