well, i found a solution…
I modified the ImagePhotos.js to
-
create the div once. instead of each time. this reduces the flash.
-
added an onload handler for the image in the div., start with the image hidden
-
the onload handler changes the just loaded image to the required opacity and transitions this over 1.25 seconds.
also getting current image size, and size of screen and adjusting to not clip or zoom -
it then checks to see if there is more than ONE image in the div
(current and just loaded)…
if so, it hides the old image, and then deletes that image from the div.
repeat for next image.