<img data-src="stol1_hover.png" class="img_table" src="stol1.png">
<img data-src="stol1_hover.png" class="img_table" src="stol1.png">
$('img.img_table').click(function(){
var $this = $(this);
var newSource = $this.data('src');
$this.data('src', $this.attr('src'));
$this.attr('src', newSource);
});
Допустим кликнули на первую картинку, она выделилась, как сделать чтобы при клике на вторую, у первой пропадала активность,а вторая была активная.
В примере две картинки но может быть больше
Без сохранения дополнительной инфомации о статусе элемента - никак. Пометим активный элемент классом "active". Поменяем картинки для всех активных элеменов кроме щелкнутого (и уберем с них класс "active") перед тем, как обрабатывать элемент, на который щелкнули.
$('img.img_table').click(function(){
var $this = $(this);
$('img.img_table.active').not($this).each(function() {
var newSource = $(this).data('src');
$(this).data('src', $(this).attr('src'));
$(this).attr('src', newSource);
$(this).removeClass("active");
});
var newSource = $this.data('src');
$this.data('src', $this.attr('src'));
$this.attr('src', newSource);
$this.toggleClass("active");
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть раскрывающийся список из div элементов. Надо при клике на определенный div передать его значение (изображение с текстом) в заголовок списка,...
Добрый день. Есть форма, вот ее основной блок, таких блоков несколько, различаются они только значением input с классом osnova (Программа 1, программа...