Nekkowe
/
static-gallery-generator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

couple more explanations in the HTML comments

main
Nekkowe 2025-01-15 19:12:16 +01:00
parent 8581ff733f
commit 821877358c
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
gallery/index.html
View File

@ -2,18 +2,23 @@
<head>
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
<!-- These are always required to load the general nanogallery2 code: -->
<!-- This CSS file is just here to make this example look presentable. -->
<link href="example.css" rel="stylesheet"/>
<!--
This is the first important part.
These are always required to load the general nanogallery2 code:
-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/css/nanogallery2.min.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/nanogallery2@3/dist/jquery.nanogallery2.min.js"></script>
<!-- This is the gallery.js file generated by the second script.
It contains the settings and gallery items for your own personal gallery: -->
<!--
And this is the gallery.js file generated by the second script.
It contains the settings and gallery items for your own personal gallery:
-->
<script type="text/javascript" src="gallery.js"></script>
<!-- This CSS file is just here as an example. -->
<link href="example.css" rel="stylesheet"/>
</head>
<body>
<header>
@ -35,8 +40,13 @@
<main>
<h2>Gallery</h2>
<!-- This is the placeholder that gets turned into the actual gallery by the script: -->
<!--
This is the second important part.
It's the placeholder that the script looks for,
and then automatically replaces with the actual gallery:
-->
<div id="gallery"/>
<!-- And that's all you really need in your HTML file. -->
</main>
<footer>