Creative Web Specialist - An online portfolio and resource site of Warren Buckley

Latest Posts

Dec15th

Image switcher using jQuery

Author
Warren Buckley
Categories

Hello all,

I have neglected my code-snippet blog, so this evening I share with you another easy but effective jQuery demo.

This demo shows how to click smaller thumbnails to swap a larger fullsize image, this is ideal for product gallery on an e-commerce site, but there are many other uses as well.

Click here to view the jQuery image switcher demo
(View the source of the demo page to see how it works, with lots of comments to help you understand what is going on)

6 comments
kristofer
04th November, 2008
dude, broken link?
Warren Buckley
04th November, 2008
Hi Kristofer, thanks for that.

I will fix the broken link but in the meantime the URL is - http://www.creativewebspecialist.co.uk/jQuery_examples/image-switcher/index.html
Scroty
14th December, 2008
I have created a similar effect before, but using the standard jQuery plugin - http://code.google.com/p/jquery-swapimage/
kristofer
17th February, 2009
Sweet, tnx
Agustín
09th June, 2009
Sorry but i can t find the Css...Where is It?
Thanks!
Warren Buckley
10th June, 2009
Hello Agustín,
You can find the jQuery and CSS inline on the HTML page.

So if you view the source of the page you will be able to see the JS and CSS easily.

http://www.creativewebspecialist.co.uk/jQuery_examples/image-switcher/index.html

Warren :)
Post a comment »

Comment's have been disabled, due to getting hit badly with comment form spam

Categories

Recently

Categories

Monthly Archives

My Skill Set

This is a quick list of my skill set to date

  • XHTML
  • CSS
  • Photoshop (Slicing)
  • XSLT
  • ASP.NET
  • Umbraco .NET CMS

My Links

Umbraco
Xeed
Profiles

My del.icio.us

My Last.FM

I am listening to:

  • Ain't Pretending by CowbellOh Girl29 Jul 2010, 10:37
  • Just Want Your Love by CowbellOh Girl29 Jul 2010, 10:33
  • Oh Girl by CowbellOh Girl29 Jul 2010, 10:31
Warren Buckley is an umbraco MVP 2008/2009 Warren Buckley is an umbraco level 1 certified developer

Photo of Warren Buckley Warren Buckley is a Creative Web Specialist based in Leigh on Sea, Essex , UK.