Всем доброго дня.
Есть такой скрипт:
Необходимо сделать смену картинок по клику. Нашла в сети пример и написала код по нему. У меня он не работает и в консоли выводит ошибку. Скажите пожалуйста как можно исправить код? Для более лучшего понимания поясню - .slide-225
- мой класс картинки, и src
- пути изображений которые я пытаюсь заменить. Буду рада любому замечанию и совету:)
$(".slide-225").bind("click", function() {
var src = ($(this).attr('src="/wp-content/uploads/2017/01/Mirdif-2-960x640.jpg"') === "Mirdif-2-960x640.jpg") ? "Mirdif-full-960x640.jpg" : "Mirdif-2-960x640.jpg";
$(this).attr('src="/wp-content/uploads/2017/01/Mirdif-2-960x640.jpg"', src);
});
Вы не правильно получаете и записываете атрибут.
Для получения используется запись такого типа: $(element).attr(attribute);
Для назначения используется запись такого типа: $(element).attr(attribute, value);
В любом случае, название атрибута и его значение указывается в кавычках, если конечно, вы не указываете название атрибута или его значение переменной или каким-то вычислениями в JS
Исправленная версия:
$(".slide-225").bind("click", function() {
var src = $(this).attr('src') ? "Mirdif-full-960x640.jpg" : "Mirdif-2-960x640.jpg";
$(this).attr('src', src);
});
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Вот в этом коде не работает setInterval()Функция вызывается сама по себе, но setInterval не работает:
Не могу понять в чем проблема с работой кодаВсе работает отлично, пока я не сменю на iPad (в принципе любой планшет) разрешение, то есть не покручу...