Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.09.2013, 13:46
Интересующийся
Отправить личное сообщение для raindew Посмотреть профиль Найти все сообщения от raindew
 
Регистрация: 20.11.2011
Сообщений: 25

Смена атрибута src у большой картинки при клике на маленькую картинку
Здравствуйте и доброго времени суток, дамы и господа!)
Задача не проста, но думаю выполнима)
Допустим, есть некий код:
<div id="photo-big">
<img src="1-big.jpg">
</div>
<div id="photo-small">
<img class='active' src="1-small.jpg">
<img src="2-small.jpg">
<img src="3-small.jpg">
<img src="4-small.jpg">
</div>

И даже скрипт, но он подставляет лишь атрибут "src" маленькой картинки.
$(".object").each(function (i, el) {
var imgBig = $('#photo-big img', $(el)),
     imgSmall = $('#photo-small img', $(el));
     imgSmall.click(function(event) {
         event.preventDefault();
         if (imgBig.attr('src') != $(this).attr('src')) {
             imgBig.hide().attr('src',$(this).attr('src'));
             imgBig.load(function() {
                  $(this).fadeIn(1000);
             })
         }
     })
})

Нужно, чтобы при клике на маленькую картинку с названием "-small", подставлялся атрибут "src" в большую картинку c уже измененным названием "-big". Ну и при переходе с одной маленькой картинки на другую, сохранение класса на активном изображении.
Возможно ли сие действие?)
Спасибо!)

Последний раз редактировалось raindew, 27.09.2013 в 14:02.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
копирование в Буфер при клике на картинку Павел Общие вопросы Javascript 7 13.07.2013 23:51
Обновление картинки при клике Обновить Cerver Общие вопросы Javascript 15 17.02.2012 13:57
Смена картинки в шапке при перезагрузки wcb-falcon Элементы интерфейса 12 13.07.2010 22:36
Смена id при клике Nestor Общие вопросы Javascript 6 04.03.2009 18:10