Здравствуйте!

Не могу разобраться с задачей. Есть 2 изображения: img1.png, img2.png к которым нужно применить прозрачность при наведение курсора (причем при наведение на одно из них должны изменяться оба) + при наведение опять таки на одно из них img2.png должно замениться на 3 изображение img3.png (одинаковое по размеру с img2.png).

С применением прозрачности разобрался поместив 2 изображения в тег <a href> и применив стили css. А вот добавить замену изображения к этой связке не получилось.

Часть кода html такой:

<div id="prozr">
<a href="#"> <img src="img1.png" alt=""/><img src="img2.png" style="margin-left: 50px; margin-top: 100px;" alt=""/> </a>
</div>

Стили:

#prozr img{
opacity:0.3; /* CSS3 — Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
-moz-opacity:0.3; /* Mozilla 1.6 */ filter:alpha (opacity=30); /* IE 5.5+*/
}
#prozr a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha (opacity=100);
}

Теперь вот как дописать чтоб img2.png при наведении заменилась на img3.png

Заранее спасибо!!

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.