@Lexshpin

Взять путь к изображению из background-image и положить в img src?

Всем привет! Делаю следующий функционал: есть карточка товара, под основным изображением есть маленькие блоки с изображениями товара в других цветах. При нажатии на маленький блок должна заменяться основная картинка на ту, что в маленьком блоке (приложил скрин, на всякий случай).
Теперь вопрос: в маленьком блоке у меня задан background-img, а у основной картинки тег img. Как прописать код js, чтобы он доставал путь из background-img и клал его в img src? Сейчас он достает путь в таком формате: url('./doyouknowtheway') и, соответственно, атрибут src его не воспринимает.
Код тоже приложил.
function colorChange(i) {
        btn(i).click(function(e) {
            e.preventDefault();
            if($(this).hasClass('bestseller__item__options__opt_active')) return false;
            
            btn(i).removeClass('bestseller__item__options__opt_active');
            $(this).addClass('bestseller__item__options__opt_active');

            // Changing backgrounds of images

            if ($(this).hasClass('bestseller__item__options__opt_active')) {
                let picBg = $(`.bestseller__item__pic_${i}`);
                let optionBg = $(this).css('background-image');

                console.log(optionBg);
                
                picBg = $(picBg).attr('src', optionBg);
            }
          });
    }
5e68a4e41a0d3427032333.png
  • Вопрос задан
  • 118 просмотров
Решения вопроса 1
rockfeeler
@rockfeeler
Фронтендер, дизайнер, верстальщик-перфекционист
Вариант на jq и regEx

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы