Сообщение от verhmax
|
заменил функцию на Вашу, картинкам присвоил вот так:
<img mane='img' height='100' border=1 style = 'cursor: pointer;' onclick = 'setBigImage(this)' src='img/bimg_80.jpg'>
не работает. если не присваивать картинкам name='img' то работает, выставляет бордер, но не убирает при клике по другой картинке
|
<img *!*mane*/!*='img' height='100' border=1 style = 'cursor: pointer;' onclick = 'setBigImage(this)' src='img/bimg_80.jpg'>
не
mane, а
name и свойство
border занесите в
style, можно вместе с
height или отдельно class сделайте
<img name='img' style = 'cursor: pointer; border: none; height: 100px' onclick = 'setBigImage(this)' src='img/bimg_80.jpg'>
<style>
.img { width: 75px; height: 75px; border: 1px solid black; cursor: pointer }
</style>
<script>
function setBigImage(foto) {
document.getElementById("bigimg").src = foto.src;
for (i=0; i < document.getElementsByClassName("img").length; i++) {
document.getElementsByClassName("img")[i].style.border = "1px solid black";
}
foto.style.border = "2px solid red";
}
</script>
<div style="width: 100%; text-align: center;"><img src="http://img-fotki.yandex.ru/get/6608/158970486.5/0_a16f8_10f47143_" id="bigimg"></div><br><br>
<img src="http://img-fotki.yandex.ru/get/6608/158970486.5/0_a16f8_10f47143_L" class="img" onClick="setBigImage(this)">
<img src="http://img-fotki.yandex.ru/get/6507/158970486.5/0_a16f9_3868a150_L" class="img" onClick="setBigImage(this)">
<img src="http://img-fotki.yandex.ru/get/6409/158970486.5/0_a16fa_81298170_L" class="img" onClick="setBigImage(this)">
лучше при ошибке выкладывайте весь код, но без лишних данных