Задать вопрос
@viktorulyushev
javascript

Как лучше написать скрипт изменения картинки от количества?

Есть счетчик желаний,у каждого товара есть кнопка добавить в список желаний,при нажатии на эту кнопку счетчик увеличивается или уменьшается,мне нужно чтобы когда на счетчике 0 картинка была одна,а когда больше нуля то другая,пришлось как то закостылить сильно,можно ли было это сделать легче?

if($(".wishlist-header-block-count").text() > 0){
                $(".cart-mini-wishlist-img").css("background","url(/Templates/Shopnz/images/wishcustom-hover.png) no-repeat center center")
            } else {
                $(".cart-mini-wishlist-img").css("background","url(/Templates/Shopnz/images/wishcustom.png) no-repeat center center")
            }

            $(".wishlist-control").on("click",function(){
                function asd(){
                    var q = $(".wishlist-header-block-count").text();
                    if(q > 0){
                        $(".cart-mini-wishlist-img").css("background","url(/Templates/Shopnz/images/wishcustom-hover.png) no-repeat center center")
                    } else {
                        $(".cart-mini-wishlist-img").css("background","url(/Templates/Shopnz/images/wishcustom.png) no-repeat center center")
                    }
                }
                setTimeout(asd,500);
            });

при чем пришлось добавить задержку,т.к при клике значение еще старое
  • Вопрос задан
  • 133 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
xevin
@xevin
python.js
Сделай это стилями и в коде добавляй только класс для блока.

.wish {
  background: url(/Templates/Shopnz/images/wishcustom-hover.png) no-repeat center center;
}
.no-wish {
  background: url(/Templates/Shopnz/images/wishcustom.png) no-repeat center center;
}


if($(".wishlist-header-block-count").text() > 0){
  $(".cart-mini-wishlist-img").removeClass("no-wish");
  $(".cart-mini-wishlist-img").addClass("wish");
} else {
  $(".cart-mini-wishlist-img").removeClass("wish");
  $(".cart-mini-wishlist-img").addClass("no-wish");
}
// и так далее...
Ответ написан
8 комментариев
8 комментариев
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработка аддона для Xenforo v2.2.13
20 апр. 2024, в 06:06
200 руб./за проект
Привязка к Маркетплейсам 1С Розница 2.3
20 апр. 2024, в 05:26
10000 руб./за проект
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Ещё заказы