Как обновить переменную в функции?

Question

[Dmitry2307]

Добрый день.
Подскажите как обновить переменную в функции.
Суть: при переключении основной картинки в слайдере , функция лупы срабатывает, но только на первоначальную картинку

// Переключение картинок  - все работает 
    $('.slide_img').click(function(){ 
        $('.slide_img').addClass('img_active');
        $(this).removeClass('img_active');
        let src = $(this).children('img').attr('src');
        $('#img_title').attr('src', src);
    });


$('#img_title').loupe(); // функция лупы - открывает только первоначальную картинку

Comments

[Вадим]

Почитайте базовые вещи. Например, что такое селектор. Что значит селектор, начинающийся с решётки.
Сколько может быть элементов на странице с одинаковым атрибутом Id.
А потом подумайте и дайте ответ почему она срабатывает только на первой картинке.

[Александр Торопов]

Да, у вас на странице получается несколько id с одним именем "#img_title", в HTML/CSS - это невалидная разметка.

[Dmitry2307]

id тут не причем, он у меня один и на нем меняется только src
других id я не создаю

// php
		echo '<div class="row content__blok">
				<div class="col-5">
					<img id="img_title" class="img_title" src="img/'.$img.'" alt="'.$row["name"].'">

					<div class="content__blok_img">
						<a id="a_img_left"><i class="fa fa-chevron-left" aria-hidden="true"></i></a>
						<a id="a_img_right"><i class="fa fa-chevron-right" aria-hidden="true"></i></a> 
						<div class="slider_img">
							<div class="line_img">
								<div class="slide_img"><img src="img/'.$img.'" alt="'.$row["name"].'"></div>';
		for ($i = 0; $i < count($imgdop); $i++) {
			echo '				<div class="slide_img img_active"><img src="img/'.$imgdop[$i].'" alt=""></div>';	
		}	
		echo '				</div>
						</div>
					</div>
				</div>';

// js

// Переключение картинок view_content.php
    $('.slide_img').click(function(){ 
        $('.slide_img').addClass('img_active');
        $(this).removeClass('img_active');
        let src = $(this).children('img').attr('src');
        $('.img_title').attr('src', src);
    });

$('.img_title').loupe();

[Dmitry2307]

Dmitry2307, Всем спасибо, разобрался, решение было простое, менять картинку еще и в лупе

$('.loupe img').attr('src', src);