Здравствуйте. Подскажите пожалуйста, как можно написать код в данной ситуации:
У меня n количество маленьких картинок и 1 большая. При нажатии на любую из маленьких картинок, нужно большую убирать, а вместо нее ставить маленькую с уникальным id ($keyImg). После или во время смены большой картинки на маленькую, id маленькой картинки нужно присвоить глобальной переменной для дальнейших изменений над этой картинкой.
Я пробовал несколько вариантов по примерам из сети, но где-то допускаю ошибку, возможно в синтаксисе. Прошу, помогите с написанием данного кода. Спасибо.
<javascript>
Вот тут не понятно, что написать, чтобы шла смена картинок с присвоением id маленькой картинки?
</javascript>
$img; // массив маленьких картинок 101.jpeg, 102.jpeg, ... , n
$keyImg; // id маленьких картинок 1, 2, ... , n
// большая картинка
echo '<img id="bigImage" src="/100.jpeg">';
// выведем все маленькие картинки, где переменная $n - содержит максимальное количество картинок
for ($i=0; $i<$n; $i++) {
// маленькие картинки
echo '<img src="/'.$img[$i].'" onclick="nextImage($img[$i])"> ';
}
Буду благодарен любым советам.