Skip to content
Full JS photo gallery with only one file and an img/ directory
HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
img
README
index.html

README

[Manual]

  Just put your photos in an img/ directory, and this index.html file in the parent directory.
  Your webserver has to have the +Indexes directive (directory listing) enabled at least for img/.

  For the photo gallery of an event named "event_name" (https://example.com/event_name/), you should have:
    % ls event_name/
    index.html img

  Before uploading:

    - Resizing:
       % for i in myPhotos/*; do convert $i -resize 1024x1024 event_name/img/$(basename $i); done 
    - Rotating:
       % exiftran -ai event_name/img/*
    - Reordering: 
       With Geeqie: https://www.youtube.com/watch?v=jI0BiaQzmms
       (use drag and drop or sort by Exif-date, before renaming)
    - Cleaning metadata:
       % exiftool -overwrite_original -all= event_name/img/*

[Shortcuts]

  - Keyboards
      Next photo:      RightArrow / UpArrow / J / PageUp / Space
      Previous photo:  LeftArrow / DownArrow / K / PageDown
      First photo:     Home
      Last photo:      End
      Show full-size:  F
      Close show room: Escape

  - Touchscreens
      Next photos:     SwipeToLeft / Tap
      Previous photos: SwipeToRight
      Close show room: SwipeUp / SwipeDown

[License]

  Julien Vaubourg (c) 2018
  WTFPL v2
You can’t perform that action at this time.