Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.12.2010, 23:06
Новичок на форуме
Отправить личное сообщение для sweetj Посмотреть профиль Найти все сообщения от sweetj
 
Регистрация: 04.12.2010
Сообщений: 5

смена изображений
Доброго времени суток!

Ребята, помогите, пожалуйста, разобраться в синтаксисе 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, и не совсем знаком с хитростями синтаксиса.
Везде, где смотрел, в галереях есть "мини-изображения", при клике на которые открывается соответствующее "большое". Но для поставленной задачи такой подход неуместен. Нужно что бы изображения менялись лишь при клике на кнопки навигации.

надеюсь на ваше понимание и помощь
Ответить с цитированием
  #2 (permalink)  
Старый 07.12.2010, 09:18
Новичок на форуме
Отправить личное сообщение для sweetj Посмотреть профиль Найти все сообщения от sweetj
 
Регистрация: 04.12.2010
Сообщений: 5

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

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

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

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

а все равно не работает чертяка, в чем подвох, пока не пойму.
Ответить с цитированием
  #3 (permalink)  
Старый 07.12.2010, 09:26
Новичок на форуме
Отправить личное сообщение для sweetj Посмотреть профиль Найти все сообщения от sweetj
 
Регистрация: 04.12.2010
Сообщений: 5

даже нет.
$("#list ul li img:first")
...
$("#image img")
Ответить с цитированием
  #4 (permalink)  
Старый 07.12.2010, 09:41
Новичок на форуме
Отправить личное сообщение для sweetj Посмотреть профиль Найти все сообщения от sweetj
 
Регистрация: 04.12.2010
Сообщений: 5

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

В таком случае алерт выдает значение undefined. При том что если написать $("img:first").attr("src") окошко с сорсом первого имага выдает отлично.. Проблема в том, как заставить программу ловить имаги в списке. хм, будем искать )
Ответить с цитированием
  #5 (permalink)  
Старый 07.12.2010, 09:52
Новичок на форуме
Отправить личное сообщение для sweetj Посмотреть профиль Найти все сообщения от sweetj
 
Регистрация: 04.12.2010
Сообщений: 5

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

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

черт, стыдно то как.
Ответить с цитированием
Ответ


Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите оптимизировать скрипт смены изображений с анимацией Khmelevsky Элементы интерфейса 5 06.03.2010 18:02
Скролл мини изображений I-Trap Элементы интерфейса 1 25.11.2009 21:03
Смена значений SRC от изображений Sparter Общие вопросы Javascript 23 31.10.2009 02:14
Смена изображений при нажатии кнопки. Rel60 Общие вопросы Javascript 1 14.09.2009 10:05
проблема со сменой изображений при наведение Jack Элементы интерфейса 0 19.03.2009 21:13