HIDDEN      

Demo of using the image tags



Stage 1: upload the images using the admin options. You can override the default sizes. This will generate an image called whatever.jpg (1000 pixels wide) plus another 400px called whatever_small.jpg and a 200px thumbnail called whatever_thumb.jpg (I can change the default sizes if you want)

Then you can insert a single image by using the tag

Test image 1  (c) Stained Glass Museum

Test image 1


If you select the small or thumb versions, clicking on the image will do a light box version. Images will float to the left by default.

If you select the full-size image you'll get an image that is the full width, and no light box.
Test image 1  (c) Stained Glass Museum

Test image 1




Test Image 2  (c) Stained Glass Museum

Test Image 2

To float it to the right just use imageright instead of image in the tag

And of course you can do galleries. Just use a gallery start and end tag and then put a list of image tags in the middle. Use the thumbnail names. Clicking opens a lightbox to browse through the images.

Third test image with a longer title  (c) Stained Glass Museum

Third test image with a longer title

A fourth test  (c) Stained Glass Museum

A fourth test

test 5  (c) Stained Glass Museum

test 5

Test image 1  (c) Stained Glass Museum

Test image 1

Test Image 2  (c) Stained Glass Museum

Test Image 2



And, if you want you can have multiple galleries on a page.



test 5  (c) Stained Glass Museum

test 5

Test image 1  (c) Stained Glass Museum

Test image 1

Test Image 2  (c) Stained Glass Museum

Test Image 2




It's a good idea to use the [clear] tag to 'clear' to start a block of content on a new line.

Fingers crossed, it all works well on a phone as well!
Third test image with a longer title  (c) Stained Glass Museum

Third test image with a longer title

NEWS


WHAT'S ON


Opening hours

The museum is currently closed.

Donate

The Stained Glass Museum is an independent accredited museum and registered charity no. 1169842.

Make a donation:

   


Mailing List


Become a Friend



demo open head

A right snippet in a pulldown

demo closed

A hidden snippet



User login