Спасибо за ответы. Чет я затупил, решение совсем же несложное. Если кому надо, вот что получилось. Без кнопки, но смысл ясен.
<html><head><title>11</title><style>.lom {float:left;max-height: 200px;overflow:hidden;position:relative;opacity: 0.7;filter: alpha(opacity=70);}.lom:hover {float:left;max-height: 200px;overflow:hidden;position:relative;opacity: 1.0;filter: alpha(opacity=100);}.lom:active {float:left;height: 100%;max-height: 100%;overflow:hidden;position:relative;opacity: 1.0;filter: alpha(opacity=100);}.lomclicked {float:left;height: 100%;max-height: 100%;overflow:hidden;position:relative;opacity: 1.0;filter: alpha(opacity=100);}</style></head><body><div class="lom" onmouseup="this.className='lomclicked';"><img src="iphone.jpg" /></div></body> </html>
Спасибо, хороший совет. Подскажите, если не трудно, как сделать кнопку. Я пока нашел только такое:
<FORM> <input TYPE="button" VALUE=" Изменить цвет " onClick="BgButton()"> <script> function BgButton(){ if (document.bgColor=='#adff2f') {document.bgColor='#ffffff';} else{document.bgColor='#adff2f';} } </script> </FORM>
Это с цветом, а как быть с блоком и длинной?
Ну и чего обзываться-то? Я по имени смайла искал картинки, всё безрезультатно.
Вот пример - images.yandex вроде в урле (в адресной строке) есть имя сайта, а рядом со смайликом ссылка только яндекс.клаб
А тут вообще нет в поиске images.yandex.ua
Как-то неудобно получилось. Куда же это я смотрел... Вообщем, спасибо, закрываю тему.