Показать сообщение отдельно
  #4 (permalink)  
Старый 02.09.2012, 22:17
Аватар для lord2kim
Профессор
Отправить личное сообщение для lord2kim Посмотреть профиль Найти все сообщения от lord2kim
 
Регистрация: 03.05.2011
Сообщений: 848

Сообщение от 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)">

лучше при ошибке выкладывайте весь код, но без лишних данных

Последний раз редактировалось lord2kim, 02.09.2012 в 22:40.
Ответить с цитированием