смена изображений
 

Доброго времени суток!

Ребята, помогите, пожалуйста, разобраться в синтаксисе jquery.

Суть проблемы:
Имеется div со списком изображений:

<div id="list">
<ul>
<li><img scr="album1/1.jpg"></li>
<li><img scr="album1/2.jpg"></li>
<li><img scr="album1/3.jpg"></li>
</ul>
</div>

кнопки "next" и "prev", и div с id="image", где эти самые изображения поочередно отображаются :)

Задача в том, чтобы при клике на кнопки "next" или "prev" в контейнере "#image" открывалось соответственно следующее или предыдущее изображение из списка.

Понимаю, что это, возможно, элементарные вещи, но я только приступил к знакомству с jquery, и не совсем знаком с хитростями синтаксиса.
Везде, где смотрел, в галереях есть "мини-изображения", при клике на которые открывается соответствующее "большое". Но для поставленной задачи такой подход неуместен. Нужно что бы изображения менялись лишь при клике на кнопки навигации.

надеюсь на ваше понимание и помощь :)

Руководствуясь курсом Хомича :) пытаюсь вытащить хотя бы сорс первого элемента. Вроде бы все правильно:

$("#next").click(function(){

var next = $("#list ul li:first").attr("src");

$("#image").arrt("src", next); });

а все равно не работает чертяка, в чем подвох, пока не пойму.

даже нет.
$("#list ul li img:first")
...
$("#image img")

упростил еще дальше:
var next = $("#list img:first").attr("src");
alert(next);

В таком случае алерт выдает значение undefined. При том что если написать $("img:first").attr("src") окошко с сорсом первого имага выдает отлично.. Проблема в том, как заставить программу ловить имаги в списке. хм, будем искать )

эмм.. я идиот.

список был с SCR, ошибся в наборе.

черт, стыдно то как.