Показать сообщение отдельно
  #1 (permalink)  
Старый 07.08.2018, 09:42
Интересующийся
Отправить личное сообщение для Ingred Посмотреть профиль Найти все сообщения от Ingred
 
Регистрация: 05.06.2018
Сообщений: 14

Изменение изображения по клику
Здравствуйте. Суть проблемы: на сайте есть панель категорий, по клику добавляется класс, также необходимо чтобы по клику чб изображение, которое есть сейчас менялось на цветное. Идея была такая - по клику на блок вытаскивать по классу атрибут src дочернего элемента и дописывать к названию файла символы, тем самым меняя ссылку на другую. т.е. сейчас изображение например: img src="put/put2/put3/vase.svg", при клике на родительский элемент к нему добавляется класс и меняется путь к изображению на img src="put/put2/put3/vase_a.svg" и так все на все изображения.
На данный момент не удается даже вытащить путь. Вытаскивается только ссылка первого. Буду рада помощи...

id ссылки и изображения берутся из базы

<a id="cat_3" href="#" class="opacity_filter checkshadow3 isExcept" onclick="return false"><img src="/view/defaults-instance/images/forms/filter/closet.svg" class="a_check my-1 graycategory" title="Категория 3" height="48"></a>


$('.checkshadow3').click(function() {

    if($(this).is('.check'))
    {
        $(this).removeClass('check');
    }
    else
    {
        $(this).addClass('check');
         var images = $('.a_check').attr('src');
  alert(images);
    } 
});
Ответить с цитированием