stunicholls.com

...exploring the possibilities

jQuery slideshow #1

13th November 2008

Daffodils

I wander'd lonely as a cloud
That floats on high o'er vales and hills,
When all at once I saw a crowd,
A host, of golden daffodils;

Two trees

A simple landscape with two trees, grass and sky.

Sepia toning

Using sepia toning to give a misty effect.

Five trees

Five trees in a line against a blue sky.

More sepia toning

Sepia toning to highlight the misty morning.

Tall trees

A vertical shot to emphasise the height of the trees. Converted to greyscale.

Barren landscape

A shot of the moors with trees to break up the plain landscape.

The hill

Trees arranged on the crest of the hill.

Blue sky and water

A vertical shot to show the clear blue sky.

Walk in the park

Autumn colours starting to appear on the trees.

Bare trees

A winter scene with bare branches.

Not a tree in sight

Just to break up the tree images this one is the lady in the red mask.

Desert island

A relaxing scene with simple lines and glorious colours.

Woodland path

A walk down country lanes.

A tree in the hand

Planting a new tree to help the environment.

Unusual trees

Strange upside down trees.

Tree trunks

Silver bark against a golden background.

The palm tree

A palm tree reaching out into the sea.

Butterlies

Tired of trees? then we finish on a couple of lovely butterflies.

Copyright © 2008 stu nicholls - stunicholls.com

Information

Getting a little more ambitious I decided to work on a simple jQuery slideshow.

This one has the normal previous, next, first and last controls and will allow text to be displayed beneath the images. This can be any amount you want and can be styled using CSS.

The image boundary will resize depending on the height of the image and text. I have this set so that the image resizing does not affect the page size, but it is a simple change to the #slideshow style to make the page grow and shrink with the image size.

You will need a copy of jQuery to be able to use this slideshow.

If you would like a copy of this demonstration then please email me and make a donation to support stunicholls.com, every little helps to keep this site up and running.