As shown on the design, there will be more than 9 images listed on the pages. what we want is when move the mouse on the last image, a scroll button will show and when click on it, the next image shows rather then the whole area slides. of course after that, when mouse on the first image, a scroll button will show and when click on it, the previous image shows.
currently the html is built on twitter bootstrap, so the carousel slide the whole area, but we only want one image at a time. if u can modify the default twitter bootstrap carousel behaviour, it is fine. if cannot, jQuery is fine.
cheers