Rudydudy
@Rudydudy
Web jun

Как взять контент в одном месте и заменить им контент в другом?

Здравствуйте, помогите решить задачу.
У нас есть галерея с картинками (img), они все лежать в li, так же у нас есть контейнер попап ( popup-container) в который нужно при клике поместить картинку(img).
Как это делать пытаюсь я:
$('.gallerySideBar li').on('click', function() {
openPopup($(this).data('rel'));
$(this).find('img').clone().appendTo('.popup-container');
});

То есть при клику по li которые лежат в классе gallerySideBar, мы вызываем функцию открытия попап.
Потом я беру this, нахожу в этой li img, клонирую и вставляю в наш контейнер.

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

Задача состоит в том, что нужно показывать одну картинку.

Заранее спасибо.

P.S вариант з очисткой контента в поп-ап не подходит.
  • Вопрос задан
  • 119 просмотров
Решения вопроса 1
bootd
@bootd
Гугли и ты откроешь врата знаний!
Поместите в ваш popup-container картинку с пустым src и при клике просто заменяйте src на нужную картинку
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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