Best Photo Gallery For Good Page Load

[Acorn]

@Sue, I have bundled a ZIP with all the necessary items to run 128 random images, so no need to provide you images: nano.zip.

This is a simple testbed to tweak presentation.

Construction

A. Website Code head:

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>

The meta is probably not needed.

B. Website Code body:

<script src="index_htm_files/Content.txt"></script>

This ensure the external data is brought into the website.

C. Placeholder Body code:

<div id="my_nanogallery2" data-nanogallery2 width=100% height=100%></div>

The Placeholder also has a Name UsesJQuery.

D. Content.txt:
Sits in the external assets folder of the design file.
Linked from text line 'Content' with Link to file.
When changing, select this 'Content' and pick Link to file: Content.txt in the pop-up.

Acorn