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

Как сделать двойную замену картинки на Jquery?

Нужно по первому клику была одна картинка, а по второму клику, отображалась изначальная картинка, знаю как заменить один раз, а как в обратном направлении что то не понимаю.

код CSS 
.pas {
    display: inline-block;
    background: url(/img/Icon/eye-closed.png) no-repeat 222px;
}

код Jquery
$(document).ready(function(){
        $(".pas").click(function(){
            $(".pas").css('background','url(/img/Icon/eye-opened.png) no-repeat 222px');
        });
});
  • Вопрос задан
  • 82 просмотра
4 комментария
Подписаться 1 Средний 4 комментария
Решения вопроса 1
zendor
@zendor 
.eyes {
  background-image: url(img/Icon/eye-opened.png);
}

.eyes-closed {
  background-image: url(img/Icon/eye-closed.png);
}


$(document).ready(function() {
  $('.eyes').click(function() {
    $(this).toggleClass('eyes-closed');
  });
});
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Тестовое приложение для коннекта по SIP
20 апр. 2024, в 09:15
8000 руб./за проект
Сканер коэффициентов в букмекерских конторах
20 апр. 2024, в 08:39
100000 руб./за проект
Доработать бота
20 апр. 2024, в 08:24
1500 руб./за проект
Ещё заказы