Заменить источник избранного изображения на источник миниатюр?

Question

У меня есть 1 основное изображение и несколько миниатюр. Когда вы нажимаете на миниатюру изображения, я хочу, чтобы основное изображение обновлялось с помощью источника миниатюрных изображений.

До сих пор я выяснил, как изменить основной файл исходного изображения, если вы щелкнете по миниатюре, и я также выяснил, какполучить "этот источник миниатюр", поэтому он динамический, но я не уверен, как их соединить?

$(document).ready(function () {
    $('.parent-thumb img.thumb').click(function () {
      alert($(this).attr('src'));
      $('#picture').attr('src', 'images/short.png');
    });
 });

Так что в основном "значение оповещения" заменит "images / short.png"

Спасибо за любую помощь

Answer 1

Попробуйте это.

$('#picture').attr('src', $(this).attr('src'));

.attr( attributeName ) получает значение атрибута для набора соответствующих элементов.
.attr( attributeName, value ) устанавливает один или несколько атрибутов для набора соответствующих элементов.

Документация: https://api.jquery.com/attr/