NOTE: THE CODE TAGS HAVE REMOVED PARTS OF SOME OF THE HTML STATEMENTS ???
Disabling HTML seems to have fixed it.
I have a html/js/css program for showing a folder of images. Landscape images are mostly shown correctly. But when I get to a portrait image its width is too wide and it shows a stretched image. When I advance to the next image that is landscape it is shown with reduced width. If I then back up the to the portrait image, it is shown with the correct width.
I have several folders of images each of which have their own html file for showing them. The html file gets the folder name from its name. The idea being there would be one master source for the html files that could be copied and renamed to provide starting points for each of the folders with the images.
How can I have the code show the portrait images correctly the first time?
Previous thread on similiar topic: https://coderanch.com/t/713528/languages/Prevent-portrait-images-overflowing-screen
The html file:
The js file:
The css file:
Some lines from the list of images (LoadImageRefs.js) :
For this list of images, the .html file would be in the same folder as the WorldCruise folder and the images would be in the WorldCruise/jpg folder.