A user named Felix commented on the problem;
I think it's because of the behaviour of the carousel arrows.
I noticed that the pics on your carousel have this following id pattern:
and so on.
Well, when you click the carousel arrows, it CREATES a new li element, and somehow, it uses an id that it's already being used on another picture.
I noticed this when i left the firebug window open while clicking on the arrows.
I don't have the time right now to check on some of your js code (specially cause i'm still a js beginner, the shutter thingy i fixed was basically pure luck added with some logic.) but i suggest you trying to NOT let the arrows create new elements.
Put them straight on the HTML, and the arrows would just MOVE your view, or maybe the elements itselves, after all, what's important it's the carousel effect being shown, not how it was done.
Having your pics straight into the HTML open you to some new improvements:
- You can store them in a database and print using a loop.
- You can also create an User-friendly interface to add new pics.
Hope this leads somewhere