Я создал галерею изображений с помощью jQuery (нажмите на изображение, и оно появится на экране большим). Поэтому я хотел добавить кнопки «Далее» и «Преж» для переключения из вида, по сути заменяя атрибут src из подсветки изображения следующим или предыдущим изображением при нажатии. Но это не похоже на работу.

{amp}lt;div class="row"{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/bg-flower-1.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/bg-flower-2.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/bg-flower-3.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/hand-rose55.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/ROSE-BLACK.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="col-md-2 col-sm-6 test-padding"{amp}gt; {amp}lt;img src="https://www.truestorytattoo.nl/wp-content/uploads/2019/12/rose-blgr.jpg" class="img-padding img-highlight" style="width: 100%;"/{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="photo-size"{amp}gt; {amp}lt;a href="#" class="close"{amp}gt;CLOSE{amp}lt;/a{amp}gt; {amp}lt;div class="image-viewer"{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;a href="#" class="next"{amp}gt;NEXT{amp}lt;/a{amp}gt; {amp}lt;a href="#" class="prev"{amp}gt;PREV{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; 

Я даже не уверен, что next функция находится в правильном положении для перезаписи данных:

 $( document ).ready(function() { $('.img-highlight').click(function () { const el = $(".photo-size"); el.css("display", "block"); var src = $(this).attr('src'); const block = $(".image-viewer"); $(this).clone().appendTo(block).attr('src', src).addClass('highlighted-img'); $('.next').click(function(ev){ ev.preventDefault(); var src = $(this).parent().next().find('img').attr('src'); alert(src); }); }); $('.close').click(function (ev) { ev.preventDefault(); $('.image-viewer').empty() $(".photo-size").css("display", "none"); }); });