Skip to content

Grounded Wren
Demo Controls
Gallery

Gallery Demo

Page Notes

This page demonstrates a control to view and navigate between image pages, like those of a web comic.

The control works using a URL parameter to specify which image to load (this is the stuff after "?" in the URL). This technique allows people to link directly to particular pages without you needing to create a separate HTML file for each page. The control requires you have all of the images you want to display in the same folder somewhere on your website.

To use the control, you'll first need to add the galleryControl.js to your page and then modify it to include some information about the images you want to display! Instructions are in the file itself.

Then, you'll need to add the <gw-gallery name="name here"></gw-gallery> element to your page where you want the gallery to be! You just need to give it a name which matches what you've put in the javascript file.

Note: there's an older version of this control.

Files

Add the galleryControl.js file to your page to get started!

Markup

galleryDemo.html

Scripts

galleryControl.js
comicGalleryDemo.js

Styles

comicGalleryDemo.css

Known Users

damosden / MSPain (old version)
children-of-sorrows (old version)