Click on thumbnail > view next thumbnail (loop)
 

I am new to both jquery and javascript and try to learn. I have a site that displays thumbnails associated to different links and now I want the thumbnails to be clickable to view next thumbnail (so every link can have more then one thumbnail), and when there is no more thumbnails the first thumbnail will show again (loops).

I also preferably want the thumbnails to load when visitors click on the thumbnails and not all at the same time when the visitor enter the page (becuse then it can be alot of thumbnails associated to all links to load at once). With 25 links and each having 3-4 thumbnails that will be 75-100 pictures.

For example having five different thumbnails src in a div, when click on the thumbnail it (loads and) displays the next tumbnail, when there is no more thumbnail src they loop from start again.

I need some help with this code.

Sorry for some incorrect english.

Nobody having any idea how to write this?

Feels like I have scanned the internet for some code examples to develop with no success. :(