Hi all,

I have a few images and 2 anchors sitting in a list item. In the list
item there's only one picture visible at a time and the 2 anchors are
used to scroll back and forth trough the pictures in such a way that
if the last image is reached the first one displays again and ofcourse
the other way around.

I've tried to figure out a way to achieve this with jQuery but not
with success up til now. Here's what I have so far;

$("li img:not(:first-child)").hide();
$("li a.next").click(function()
{
        $(this).hide().next().show();
});

This works at first but when it reaches the last image it starts
trashing my HTML because it's not limited to images only... This seems
rather simple to make, anyone who can help me out?

Appreciated :)

Reply via email to