1

Всем привет! Есть код:

<a href="images/69ca5f6e03.jpg" class="lightzoom">
   <img class="gallery-main-image"  src="images/69ca5f6e03.jpg">
</a>

Значение атрибута src у картинки меняется. Как можно сделать так, чтобы значение атрибута href (у ссылки) было равно значению атрибута src (у картинки) при помощи jquery?

Пробовала такой вариант:

$("a.lightzoom").each(function() {
      this.href = $('img', this).attr('src');
 });
 

Работает, но только при загрузке страницы, а мне надо, чтобы срабатывало вместе со сменой значения src

2
  • а значение src у img каким образом меняется? Если при помощи скрипта, то дополните вопрос кодом изменения данного атрибута
    – user199604
    18 апр 2018 в 14:54
  • Дело в том, что я пользуюсь шаблоном, в котором весь js в одну строчку написан :), поэтому не могу "выдрать" нужную часть кода. 18 апр 2018 в 15:33

2 ответа 2

1

Сделайте по другому: повесьте обработчик на ссылку, и при клике на ссылку проверяйте значение src у тега img и затем делайте переход.

$("a.lightzoom").on("click", function() {
  location.href = $(this).find('img.gallery-main-image').attr('src');
  return false;
});
5
  • Два замечания: 1. зачем return false;? 2. location.href = $(this).find('img.gallery-main-image').attr('src');
    – user176262
    18 апр 2018 в 15:51
  • Вариантов много может быть, я предложил идею. Потому что, как сейчас поставлена задача, реализовать будет проблематично 18 апр 2018 в 15:55
  • Спасибо, идея хорошая. Но есть еще одна проблема :). При клике на картинку - она должна появляться в popup. Т.е. значение href как раз и нужно для этого popup'а 18 апр 2018 в 16:05
  • @ГалинаВысоцкая - это не имеет отношения к вопросу выше. Задайте, пожалуйста, другой вопрос.
    – user176262
    18 апр 2018 в 16:06
  • @Александр Вы оказались правы с return false;.
    – user176262
    18 апр 2018 в 16:07
0

Всем большое спасибо. Я не в том месте искала проблему... Мне главное было, чтобы в popup показывалась та же картинка, что и в превью (это картинка, описанная в моем вопросе с классом gallery-main-image). А значения для popup брались из href ссылки с классом lightzoom. Короче, поменяла для popup href на src картинки с классом gallery-main-image - всё работает как надо. Предложенный вариант Александром рабочий, но к моему попапу был не применим. Так как из-за того, что значение в href менялось после клика, показывалась предыдущая картинка. Извините за некорректный вопрос

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.