Здравствуйте и доброго времени суток, дамы и господа!)
Задача не проста, но думаю выполнима)
Допустим, есть некий код:
<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". Ну и при переходе с одной маленькой картинки на другую, сохранение класса на активном изображении.
Возможно ли сие действие?)
Спасибо!)
