Тег AREA + hover

flash не подходит?

Ну как это нельзя на CSS сделать?

<div class="block"></div>

.block{
width:200px;
height:200px;
background:url(../images/картинка1.gif);
}
.block:hover{
width:200px;
height:200px;
background:url(../images/картинка2.gif);
}

Берём две картинки, одна черно белая, а вторая цветная. И будет при наведении менятся картинка.

А почему бы не разместить цветную и чернобелую в одном диве и через ховер з-индексом не поиграть?

Ну я выше об этом и написал, даже код готовый дал, осталось вставить на сайт и залить 2 картинки

asmakovec2, да, я увидел, когда страница обновилась. Сам очень удивился, когда из сообщения ТС узнал ужасающую новость, что при помощи CSS нельзя картинки подменять. Вот интересно, а как же тогда красивые рисованные кнопочки на сайтах цвет изменяют?

Не иначе флешем забубенивают, хитрецы. ;)

Да нет же!:)))))))

в том то и дело что область не прямоугольник

и делается это с помощью AREA , но вот этот тег не понимает HOVER

<area onmouseover="hover(this);" onmouseout="unhover(this);" href="...



<script>

function hover(obj) {

	obj.style.backgroundImage="img/hover.jpg";

}



function unhover(obj) {

	obj.style.backgroundImage="img/nohover.jpg";

}

</script>

спс!щас опробую

Если память не изменяет, то в IE кроме как у ссылок, hover больше ни для чего не работает.

В Opera и FF - hover можно назначать для чего угодно, будь то блоки, или ячейки таблиц.

Поэтому нужно юзать JS, как было сказано.