stunicholls.com

...exploring the possibilities

jQuery sliding gallery #3

27th November 2008

Title One

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Two

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Three

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Four

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Five

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Six

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Seven

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Eight

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Nine

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Ten

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Eleven

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Twelve

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Thirteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Fourteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Fifteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Sixteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Seventeen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Eighteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.
Title Nineteen

Some descriptive text can be placed here along with any other piece of information that can be styled using CSS.
The jQuery routine is just used to read the information from the 'thumb' li and write it to the 'fullSize' div.

Information

Another slideshow version that uses just an unordered list of images with an 'information div' to hold any information you like about the image.

jQuery is used to monitor the mouse clicks and open/close the image and information, with the style of the slideshow controlled using CSS.

You can change the styling to suit your page and leave the function to jQuery. For instance, this version pushes the content down to make room for the taller images, but a small restyle will make the taller images overlap the content.

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.