Помогите хд

[LOVELAS]

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

Понимаю что это делается через css, но я в нем плохо сооброжаю

вобщем как тут на сайте (возле надписи)

[Great Rash]

:hover

[Searcher]

там с эффектом плавного появления/исчезновения на JQuery сделано

Но ТС лучше начать с :hover

[LOVELAS]

если не сложно напишите весь код или атрибуты :hover"а

[Searcher]

:hover это всего лишь псевдокласс, и судя по всему в html+css вы пока не разбираетесь. Тогда еще очень рекомендую вам прочитать раздел "Шаг за шагом". Там очень много того, что избавит вас в дальнейшем от кучи элементарных вопросов.

Ну и как начинающий запомните для начала основной принцип верстки: html описывает только структуры данных, а css - все оформление.

[LOVELAS]

html знаю

css очень плохо но знаю

я просто не помню код

в css я так понимаю начало такое

img:hover {}

значения вот я не знаю какие ставить, чтобы получилось как на сайте

"там с эффектом плавного появления/исчезновения на JQuery сделано"

или как сделать на JQuery

[LOVELAS]

img:hover {background:123.jpg;

}

не работает - читал про псевдоэлементы, как установить значение?

[user]

У img background нет,зато есть display:none и display:block.

[Vlad]

Вариантов несколько: JavaScript, фреймворк, CSS

1. <img src="1.png" onmouseover="this.src='2.png'" onmouseout="this.src='1.png'">

2. В HTML

<div class="show"></div>

в стилях

.show { width: 100px; height: 100px; }

.show:hover { background: url(2.png); }

[LOVELAS]

спасибо

проверю отпешишусь