Смена картинок на JS. Помогите реализовать!
Здравствуйте. Подскажите пожалуйста, как можно написать код в данной ситуации:
У меня 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])"> '; } Буду благодарен любым советам. |
Опять нация заставила мембера изображать из себя специалиста, который все знает заранее, кроме того что хочет сделать.
<script> var nextImage=function(img){ document.getElementById('bigImage').src=img.src; }; </script> В php: ..onclick="nextImage(this);" |
Цитата:
echo '<img src="'.$img[$i].'" onclick="nextImage(this)" id="i'.$i.'"/> '; в nextImage() добавляете global_variable=this.id; PS Когда же сдохнет эта нация, которая не дает своим мемберам задавать вопросы так, чтобы получать ответы? |
Цитата:
|
Часовой пояс GMT +3, время: 10:07. |