photo album for website

I want to have a photo album on my website such as this:

http://www.yelp.com/biz_photos/B9S9wNChMFRz6IAL_0n6pA?select=ADeqFE2Tj2s7eM8WuQibbQ

I'm looking for something where the photo that is displayed is also highlighted as thumbnail below that so that users can select photos rather than having to click next.

Also, I want to be able to have multiple photo albums so each set of thumbnails is different. Perhaps something where the whole page doesn't have to reload, but just the photo itself and the highlighted thumbnail?

I've done some research but I'm unsure 开发者_如何学JAVAof which type is best ie- PHP, javascript, etc...

I only have experience in HTML, CSS, and basic javascript and limited PHP.

I'm hoping somebody can point me in the write direction as to what to look for.

Thanks

1. Learn jQuery. http://www.jquery.com
2. Rejoice!

http://blueprintds.com/2009/01/20/top-14-jquery-photo-slideshow-gallery-plugins/ <-- take your pick.

The jquery cycle plugin is fantastic and super easy to set up:

http://jquery.malsup.com/cycle/

and specifically it has the ability to do auto-thumbnailing as navigation:

http://jquery.malsup.com/cycle/pager2.html

If you know CSS you can take it from there.

As I myself am not the best (but still trying to get better!) when it comes to the more UI related technologies (CSS, JS, HTML etc), I have found using popular libraries such as JQuery Tools to be quite helpful and very easy to use. I believe the widget below matches up with what you are looking to do, and it also comes with a tutorial and helpful customization examples:

http://flowplayer.org/tools/demos/scrollable/gallery.html

Best of all I think JQuery Tools and Flowplayer are open source, so that means once you get the widget working, you can also delve into the code to try to gain a better understanding and hopefully one day take your own crack at a similar solution.

Good luck!