Need help scrolling through list of thumbnails

Need help scrolling through list of thumbnails

Looking for help in animating a list of thumbnail images left and right, and allowing for jquery to know when I'm at the end of the list, or at the beginning so that it stops.

Hello I am fairly new to jQuery. I can handle the basics enough to get some things done.  I'm currently working on a fairly complicated (for me) photo gallery that pulls images in from a flickr feed and displays the images and thumbnails of the gallery.

Seen here (only works in firefox atm):
http://ckdigitalphx.com/uploads/new/100515_website/_deliverables/site/photo-gallery/campus-life.html

Anyways, I have most of it working but I'm stuck on the horizontal list of thumbnail images.  I just want for the list of images to animate left or right when the user clicks on the left/right arrow.


Currently I'm just using a simple .animate to sort of achieve this effect but it obviously doesn't work all that well.

Can anyone help me with this issue?

  2. $("#prev").click(function(){
  3. $(".thumbs").animate({"left": "+=109px"}, "slow");
  4. });
  6. $("#next").click(function(){
  7. $(".thumbs").animate({"right": "+=109px"}, "slow");
  8. });