stunicholls.com

...exploring the possibilities

Left right click gallery

2nd November 2007

Lorem ipsum mea.
Ut posse discere omittam, et pro maluisset evertitur incorrupte, quo modus etiam euismod ne. Id vel postulant periculis, graeco minimum no sit.
Ne eam invidunt.
Suavitate cotidieque, has veniam audiam senserit ad. Vocent ornatus vim eu, duo laudem ignota appetere ea.
Mea hinc eirmod.
Petentium ex. No iisque corpora pri, vix et fugit voluptaria, discere nominati eu vel.
At sea equidem.
Maluisset, tamquam menandri honestatis qui at.
Ad quot aeque.
Pri nemore aliquip no eum. Ea nec temporibus delicatissimi. Regione dolores legendos id qui.
Eu vel legimus.
Inimicus maiestatis, laoreet invidunt ut ius, usu veri suscipit no.
Deserunt senserit.
Pro ea, ea ius unum diceret tractatos, eum maiorum albucius ex. Nonummy forensibus vel ne, nisl cotidieque pri at.
Sanctus noluisse.
Interesset ad quo, vidisse graecis concludaturque in quo, idque expetendis in quo.
Inani percipit.
Legendos eu sea. An fastidii voluptua has. Ei mei saperet appellantur adversarium.
His ei tation.
Albucius, prima solet democritum cum no, ut numquam voluptatum nec.
Ut sonet.
Adipisci ius, debet sententiae elaboraret ei est. Vis nostro consectetuer ea, no pri magna alterum.
His puto mentitum.
Persequeris cu, utamur legendos id sea. Prompta vituperata qui cu. Idque postulant id mei.
Affert explicari.
Ei eam, ei has vidisse petentium consetetur. Amet modus an mea, adhuc imperdiet et has.
Ea has labore.
Debitis pertinax, ad vis idque impedit volutpat, id qui alterum constituto.
Augue graeco.
Insolens ei vel. Eu vix nostro erroribus, duis omnis utamur est ut.
His suas dicta cu.
Sit at summo omnium deterruisset. Ex rebum altera gloriatur duo, ex eam aliquam bonorum.
Eos dicat summo.
Graecis at, vix in liber dolor facilisis, usu ea possim atomorum efficiantur.
Eos dicat summo.
Graecis at, vix in liber dolor facilisis, usu ea possim atomorum efficiantur.
Iudico petentium.
Ullamcorper mei id. Sed an illum sonet quando, ei inciderint signiferumque pri, te duo omnis malis aeterno.

Information

Another simple demonstration of a left/right scrolling thumbnail selector using just a simple javascript routine to manipulate the styling. It must be simple as it has only taken a day to produce :)

I have only been studying javascript for a couple of weeks now so don't be too critical of my code. I am sure that this could be done in a simpler way.

You can click on the left and right arrows to move the selector in your chosen direction. When the selector gets to the last thumbnail in the row then the thumbnails will scroll and the selector will remain where it is until the last, or first, image is chosen.

As with the previous demonstration this has the following features.

Has a default image.
Can have descriptive text.
Can be expanded to have as many images as you like.
Images can be any size.
The full size images will be centered horizontally and vertically without specifying the image size.
The left/right arrows can be clicked to move the selector to the next full size image.
The thumbnails can also be clicked to see their full size image.
The full size image will stay visible until another image is selected.

All this is achieved with just an unordered list and uses no links.

Tested IE6, IE7, Firefox, Netscape, Mozilla,Safari (PC), Opera and also in Safari for iPod Touch. The javascript is very quick in Firefox, Safari etc. but quite slow in IE.

Download

All the files, except the photographs which are copyright their various photographers, can be downloaded using the link below. If you are going to use this in your website then please respect my copyright and keep the credits in the stylesheets and javascript.

Download left_right_click.zip

CSS Menus
NEW CSSplay development site

Northstar
Pre-book private car hire Gloucester

There are limited text and banner ads spaces available to help support this site.

Please contact me for more information.

latest demonstrations

4th June 2009

jQuery Date Picker

jQuery Days from Date