при наведении на картинку

[rvital]

Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю

[Иван Шумов]

http://htmlbook.ru/content/?id=110 можно что-то вроде этого

[kubanych]

Подскажите кто-нибудь тег на этот трюк.Был на одном сайте(обои),наводишь стрелку на маленький рисунок появляется чуть побольше этот же рисунок.Очень понравилось.

[Иван Шумов]

javascript у меня есть готовый но не дам

[kubanych]

Девятилап вс? равно спасибо за ответ.

Могу ли я научиться этому Java Scriptу.Может дашь какие-либо советы.

[Иван Шумов]

идешь в магазин

покупаешь умную книжку с ВОТ ТАКИМИ БОЛЬШИМИ БУКВАМИ JavaScript

идешь домой

читаешь

пробуешь

опять читаешь

(последний кусок долго-долго повторять)

становишься вумный как утка

пишешь свой скрипт

говоришь никому не дам

[3ABAPKA]

Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю

Глянь на это может понравится!

CSS

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ 
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 60px; 

}

html

<a class="thumbnail" href="#thumb"><img src="media/tree_thumb.jpg" width="100px" height="66px" border="0" /><span><img src="tree.jpg" />
Simply beautiful.</span></a>

<a class="thumbnail" href="#thumb"><img src="thumb.jpg" width="100px" height="66px" border="0" /><span><img src="ocean.jpg" />
So real, it's unreal. Or is it?</span></a>

Чтоб работало - незабудь картинки вставить!

Только не выдавай за свой! Кто-нить приматается!