1. Changed keyboard shortcut 'I' (Index) into the 'Home' key (go one level back, to the Home page of this show), thereby freeing the letter I to be used for the individual thumbnails.
2. Added the keyboard shortcut 'End' (End-key) to open the last thumbnail (bottom-right).
3. Added the keyboard shortcut 'Ctrl-Home' to go to the very first screen (the real Home screen) of the Wijchman website.

1. Added possibility for a subshow, to name the next- and previous gallery with a photonumber, so when e.g. going to next gallery, it doesn't show all thumbnails, but displays the photo.
   This was done so that one can continue viewing the 'main' photofile at the next (or previous) photo, instead of seeing all thumbnails.
   Instead of defining e.g.: "previousGallery": "1991-usa/04-FL", one can now define: "previousGallery": "1991-usa/04-FL#21".
2. When a video is playing, you can now use the spacebar as a toggle to stop and start the video.

1. Once in a while, on smaller screens, the mouseover pop-ups could hide the icon to press, making it impossible to press said icon. Changed this, so that the pop-ups show 'on the other side' from the icon.
2. Added a visual indication to show the number of photos that contain videos for each show (next to the number of photos in each show).

1. Introduced the json_photo_txtmaster.json file. This is a file that contains text used in the photoshow json files, and in those json files you supply a keyword that then gets replaced by the text in the masterfile.
   So it is a kind of 'css' file for texts !
   Example:
   entry in the json_photo_txtmaster.json file: "myvideotext": "<h8>Photos with a turquoise border contain a video; double-click on the larger picture (or keyboard 'V') to see that video.</h8>",
   In the normal json file (the one used for a photoshow), one could have an entry like this:
   "galleryName": "13-14 September 2012 - Our USA holiday: Valley of Fire State Park. myvideotext",
   
   Then, automagically 'myvideotext' will be replaced by the long entry specified above.
   Like in css files, one only needs to change the text of the entry in the json_photo_txtmaster.json file and the text for all occurences of all json files that are used, will change.

1. When you resized the browser-window, photos and videos were not resized. Changed this, so if the window is resized, the photos and videos are resized as well (up to their own max. size)
   This change also means that on small screens (Smartphones etc.) the photos and videos are resized to fit the screen (at least it did on the few devices I could test this).
   Works on the major browsers, but unfortunatly for photos on Internet Explorer only as from V. 16. For photos, other versions don't keep the aspect-ratio correct, but for videos they do !

1. Changed the normal, slow appearing, little helptexts that you get when hovering over an element, into quick-responsive, better readable, small text-popups.
2. Created keyboard-shortcut 'Q' to Quiet said popups (in the current show) for when you don't want to see them constantly. It's a toggle, so clicking Q again, makes them visible again.
3. Added above info to the Help-screen.
4. In the Sitemap the current show is now clearly visible, as well as the path you took through the shows.
5. Added keyboard shortcuts for almost all thumbnails. They show up as blue-grayish letters at the lower-right corner of each thumbnail. Only if there are many thumbnails on one screen, the last thumbnails cannot directly be accessed using the keyboard.

1. Created keyboard-shortcut 'F' to Force the Foto to Fit in the availabe screensize. Esc, F or click on image to return to normal view.
2. Added this info to the Help-screen.
3. Made a display of the number of child sub-shows that a photo-show contains.

1. Some changes in the display of text (see Feb-March 2018). In some cases it behaved a bit buggy, solved that.
2. Made the Help text a lot more easier to read (using said text display feature).
3. Added keyboard 'C' to open a child sub-show, for when the large photo has a blue border. Click on it will of course, as previously, open this child sub-show as well.
4. Added this info to the Help-screen.

1. Introduced the 'video' tag to make it possible to show a video instead of a picture.
   Needed this for a small video we made during the eclipse of 2017 in the USA.
   Open video with keyboard 'V' or click on image (only if the large photo has a turquoise border).
2. Added this info to the Help-screen.
3. Some more finetuning to fit images into the window when they are 'too' large. With keyboard 'o' or click on image, you can increase to original size and decrease to get back to fitting size.

1. Made it possible to show text instead of a picture or together with a picture
   Hover over the thumbnail (icon) and the text will show up.
   Best example is the 'Latest News' icon on the main-screen.

1. Added a Sitemap, plus button to show it (or open completely or hide, it's a toggle).
   The sitemap itself is a stand-alone html file which is included (using a short script I found in the 'https://www.w3schools.com/lib/w3.js' library to do this) into the main index.html file.
   First created a REXX program, which recursively looped through all the json files of the site to create the sitemap.html file.
   After some testing and fine-tuning it worked as expected in FireFox, Chrome and Android but then I found out that Internet Explorer does not support 'wedges', but luckily I found this solution made by Tyler Uebele (could not find his email to thank him.)

1. Added 'Enter'-key to 'open' the upper-left thumbnail of the selection screen. It does exactly what a mouse-click would do, so e.g. it opens a sub-show or shows the larger photo or downloads a file, whatever was coded for that upper-left thumbnail.
2. Bug fix: sometimes the text related to clicking 'o' to view original size of a photo did not disappear when it should. Fixed now.

1. Introduced a download node for the json files, so that one can download a file, example: "download": "downloads/ebooks/Bob Dylan (LRX).epub".
2. Added button to stop audio, so one can now also stop audio on a Tablet. Button only shows up when audio is played. Pressing Esc also stops the audio.
3. Changed the 'Main Index', 'Show All' and 'Stop Audio' button from graphic jpg-files to pure CSS-handled 'buttons'. Works and looks perfect !

1. A bit more calculation to decrease image size (see point 3 below) to also decrease when height is too large.
2. Started working on concert pictures (and wanted some music to accompany), so changed the already available sound-part completely.
3. Introduced non-documented :-) 'd' shortcut to see the image-size for the displayed picture.
4. Managed to get double-clicking on Android and iOS devices also to work (enlarge picture to original size, see point 5 below).

Made json_photo_gal6 the main website-engine and therefore added some extra features in both the javascript- and the css file and changed the name back into json_photo_gal (thus without a version number).
List of new features and changes:

1. The very first screen can have larger (than the normal 130x100px) thumbnails. Program knows that there is no previous gallery so that's how it detects the 'start-screen'.
2. Introduced a hlink node for the json files, to link to something, example: "hlink": "http://www.foto-webcam.eu/webcam/dobratsch/".
3. Lately I uploaded larger size pictures. They are now downsized to fit into the browser-window.
4. When this said downsized picture is shown, a message in the heading tells you to click on the picture (or keyboard 'o') to see the original size and vice versa.
5. A picture with a yellow border means you can see the location on GoogleMaps. Because of the click to original size, as stated in the previous line, you now have to double-click (or keyboard 'm') to see the position on a Map. Unfortunately this does not work on Android and iOS devices yet. Sorry !!
6. Managed to correct the sending of emails when clicking on the copyright info (under the picture) (or keyboard 'w').
7. Added info to the 'm', 'o' and 'w' shortcut keys to the Help-info.
8. Version nummer of the main JavaScript file is now displayed in the Help-popup as the 'Main JS-file Last Updated' date.
9. Version date of each individual json file (= subshow) now displayed at the very bottom of that subshow.

1. 2016-October: Introduced Esc keypress to go back from one large picture to all thumbnails (same as s, but only one-way) + small change in Help-screen.
2. 2016-August:
   • Added possibility to swipe Left and Right for tablet & mobile use (thanks to Andreas Waltl, netCU Internetagentur).
     Unfortunately at the moment this only works in Chrome and Android, as far as I could test.
   • Added shortcut-key d: debug-toggle: when on, it shows build-in alerts, at the moment it only shows the size of the photos etc.
   • Added shortcut-key o: original-toggle: when on, it shows original size of photos and does not shrink size when window is smaller than photo-size.
     Found this useful, especially when looking at panoramas (yes, you then have to scroll, but at least you see it better).
   • Made it possible to have 'remarks' in the JSON file, i.e. nodes in the file that will be treated as remarks, thus those nodes are not part of the slide-show.
     Normally this is not possible in JSON files, but here this is done by having the filename start with 2 slashes, e.g.: "filename": "//2009.jpg".
     Enhanced this a bit, so following is also possible: having no filename entry at all, use another name than filename, e-g. "xfilename": "2009.jpg" or any other change in the "filename".
     Found this especially useful when creating sub-shows (child) where the show is not ready yet. so instead of updating production-server by taking out the complete node, you just 'do something' to the filename or insert // at the beginning of it.
3. 2016-July: Undid the 2014-March change and instead when pressing key, program now shows next- or previous sub-show (depending of course on which key or arrow was clicked).

1. 2014-March: Took away left-arrow on first foto and right-arrow on last one.
   
2. 2014-February: You now see- and can click on, the thumbnails of the previous and next show.
For this I had to do a little bit of recoding, especially the part that picks up those thumbnails.
Therefore, from now on, all thumbnails that lead to a 'child' (a subshow) have to be in the galleries/index/thumbnails directory and those files have to have the same name as the corresponding json file !!

This last sentence implies 2 things:

1. If and only if the json file only contains entries with nodes with a 'child' tag, then the tag 'filename' does not need to have the value of an existing picture, the value can be anything, so it can be used e.g. for some meta-documentation purpose.
   The tag as such need to be present, otherwise the complete node (array-entry) is skipped.
2. If and only if the json file only contains entries with nodes with a 'child' tag, then the tag 'folderName' is not really needed (but may be present).

1. 2013-September: When I bought a Tablet, I noticed that I needed good 'buttons' to move forward and backward, because Tablets dont have left- and right arrows !
   So I added said buttons and took away the very tiny [Prev] and [Next] buttons (not usable on a Tablet).

1. Possibility for two languages in the JSON files and to switch between them.
2. Added some useful keyboard shortcut keys (especially useful on SmartPhones that have a keyboard).

Toggling between them is done by clicking on the respective country-flag or by shortcut keys '1' or '2'.

So what can be in different languages:

• The galleryName (at the top of the screen)
• The title (just above each individual photo)
• The description (just below each individual photo)

Please see also the tables at the bottom of this window to see all possible tags !

@2. I added the following keyboard shortcuts:

New Features

For the general part of the JSON file:
• columns
  General name to be able to use various number of columns in startup thumbnails-screen.
  Value must be > 1, didn't test maximum :-)
  Defaults to 5 (as is standard in Philip Guo's program) when no columns name is defined.
  Example:
  "columns": "6"
• Added 4 buttons:
  Previous: View Previous Set of Slides. Button is now the Thumbnail picture of the previous show.
  Main Index: View the Main (first) Screen (useful when the start of the show has some child-galleries)
  Show All: View All Thumbnails of this Set of Slides. (NB. This actually toggles between single view and thumbnails).
  Next: View Next Set of Slides. Button is now the Thumbnail picture of the next show.

  For this to work, I added following entries to the main-names of the .json file:
  "mainGallery": "2010-usa-index",
  "previousGallery": "2010-usa-arches",
  "nextGallery": "2010-usa-montana",

Per photo:

• short
  To show a short description under the thumbnails in the main thumbnail panel.
  It is also used as a popup (tooltip) when hovering over a thumbnail in the slider and on the larger photo.
  Example:
  "short": "Small side-canyon"
• child
  Creates the possibility to use a thumbnail to start a new gallery, can often be used
  as a kind of menu to select from various galleries, or in a gallery, to go to a 'child'-gallery.
  Thumbnails with a child-show have a lightblue border and a lightblue short text below the thumbnail (in the main-thumbnail-screen).
  Needed names when child is used: <filename>, <child> [<short>]
  Example:
  "child": "2010-usa-yellowstone",
  NB. the .json file of course must exist in the json-files directory !!

• latitude and longitude
  Creates the possibility to view the position where the photo was taken in GoogleMaps. The 2 values are displayed above the picture, on each side of the photo-counter.
  When clicked on the larger picture itself, it opens up a new window and shows the position in Google Maps.
  Images with coordinates have a yellow border and a yellow short text below the thumbnail (in the main-thumbnail-screen).
  Example:
  "longitude": "110 22 37.09 W",
  "latitude": "37 53 39.62 N"
• orientation

  This paragraph about orientation is not relevant anymore, because using some clever calculation this tag is not needed anymore !

  Deleted various issues about width and height.
  The photos on my webside normally have a width of 800, so no need for all the width-settings.
  Therefore no width and height in my json files, instead values of 800- and 600px are programmed in, however, rest of size-programming is still in, but this is mainly for displaying the thumbnails. I have some very wide panorama photos on which I don't want any resizing.
  To be able to distinguish between landscape and portrait mode, I added this name. Example:
  "orientation": "P"
  Now we know it is portrait (only first char 'P' is tested, both upper- and lowercase valid).
  Default (when no (or wrong) "orientation" is defined) is landscape.
• sound
  Each photo can have its own sound.
  Not really created to give each photo its own music (but possible), but more generally to once in a while add some sound.
  I personally have some spoken words by my son and daughter (when they were young...) which I added.
  Images with a sound have a green border and a green short text below the thumbnail (in the main-thumbnail-screen).
  Example:
  "sound": "my-travel-story.mp3"
  This file has to reside in the same gallery directory as the pictures (thus in the 'foldername').
• hlink
  Used to link to another URL
  When I started to use the json-photo-gal as my main website engine, I not only needed to display photos, but also to link to other (internal and external) sites.
  Images with a hyperlink have a red-ish border (sorry that that is hard to read, but on the website itself the border is very good visible) and a white short text below the thumbnail (in the main-thumbnail-screen).
  The link will be opened in a new window-tab.

Summary of valid names:

Per photo:

If you have questions, comments etc, please mail to: klw at mail.com

Thanks for looking at this info and at our photos !!