Картинка меняющаяся при наведении.

K@kTuS · Конфигурация компьютера

Код:

<td height="96" background="/shared/blizz-com/images/layout/spotlight_bgm.gif" align="center">
<a href="http://www.worldofwarcraft.com/" onMouseOver="point('wrath')" onMouseOut="nopoint('wrath')">
<img src="/shared/blizz-com/images/layout/spotlight_logo_wowwrath_off.jpg" width="129" height="96" 
border="0" name="wrath"></a></td>

ответ в исходном коде страницы

Coutty · Конфигурация компьютера

K@kTuS, сам по себе этот отрывок работать не будет - тут же функция вызывается.
Но в целом - это так:

HTML код:

<img src="image1.jpg" onmouseover="this.src='image2.jpg';" onmouseout="this.src='image1.jpg';" />

K@kTuS · Конфигурация компьютера

Цитата Coutty:

сам по себе этот отрывок работать не будет »

я знаю, я лишь дал наводку на решение проблемы

Если присмотреться, onmouseout и onmouseover в моем посте выделены жирным шрифтом ))

BARTBERSERK · Отправлено: **19:29, 19-07-2009** | #5

Спасибо
Вот ещё вопрос Надо Вставить 7 фото примерно так

( ) ( ) ( ) ( ) ( ) ( ) ( )

У каждого Фото есть 2 версии обычное и которе появляется при наведении .
Ещё Желательно чтобы при загрузке страницы фото стояли сразу на своих местах без наводки.подскажите плиз!

BARTBERSERK · Отправлено: **20:19, 19-07-2009** | #6

Люди Помогите Пожалуста !!! Подскажите Что Надо Писать!!! :'(

proxy · Конфигурация компьютера

BARTBERSERK,
как расположить фото можно почитать тут (галерея изображений)

Цитата BARTBERSERK:

У каждого Фото есть 2 версии обычное и которе появляется при наведении »

делай из фотографий ссылки, что бы при нажатии открывались большие версии фоторографий.

Опять же, есть готовые решения LiteBox например, пример

Цитата BARTBERSERK:

Вобщем Хочу Сделать Чтоб кнопочки менялись одна на другую при наведении на неё мышью и можно было переходить по ссылке. »

K@kTuS, Coutty,
а с css normal / hover / active - не проще?

BARTBERSERK · Отправлено: **21:28, 19-07-2009** | #8

вот код Вставлял его на пустую страницу работает нормально только все изображения при загрузке страницы держат на себе изображение 1.jpg и только когда наводишь на них они переходят в свои пары 2-2(2) 3-3(2) 5-5(2) и т.д.

пытался вставить в сайт но из-за етого всё перемешалось и фотки стали появлятся везде.

Скажите плиз что в етом коде неправильно?

HTML код:

<style>		
a {
	position:absolute;.
	left:10;
	width:157;
	height:152;
	text-align:center;
	background-image:url('1.jpg');
	}
	
div:hover.na {
	background-image:url('1(2).jpg');
	} 
</style>


<body>
<a  class='a' style='left:0' onmouseover='this.style.backgroundImage="url(\"1(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"1.jpg\")"'href='http://'></a><a  class='a' style='left:180' onmouseover='this.style.backgroundImage="url(\"2(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"2.jpg\")"'href='http://'></a><a  class='a' style='left:360' onmouseover='this.style.backgroundImage="url(\"3(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"3.jpg\")"'href='http://'></a><a  class='a' style='left:540' onmouseover='this.style.backgroundImage="url(\"4(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"4.jpg\")"'href='http://'></a><a  class='a' style='left:720' onmouseover='this.style.backgroundImage="url(\"5(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"5.jpg\")"'href='http://'></a><a  class='a' style='left:900' onmouseover='this.style.backgroundImage="url(\"6(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"6.jpg\")"'href='http://'></a><a  class='a' style='left:1080' onmouseover='this.style.backgroundImage="url(\"7(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"7.jpg\")"'href=''></a>

proxy · Конфигурация компьютера

Цитата BARTBERSERK:

<a class='a' style='left:0' onmouseover='this.style.backgroundImage="url(\"1(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"1.jpg\")"'href='http://'></a><a class='a' style='left:180' onmouseover='this.style.backgroundImage="url(\"2(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"2.jpg\")"'href='http://'></a><a class='a' style='left:360' onmouseover='this.style.backgroundImage="url(\"3(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"3.jpg\")"'href='http://'></a><a class='a' style='left:540' onmouseover='this.style.backgroundImage="url(\"4(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"4.jpg\")"'href='http://'></a><a class='a' style='left:720' onmouseover='this.style.backgroundImage="url(\"5(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"5.jpg\")"'href='http://'></a><a class='a' style='left:900' onmouseover='this.style.backgroundImage="url(\"6(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"6.jpg\")"'href='http://'></a><a class='a' style='left:1080' onmouseover='this.style.backgroundImage="url(\"7(2).jpg\")"' onmouseout='this.style.backgroundImage="url(\"7.jpg\")"'href=''></a> »

это кнопочки или галерея изображений?

если кнопочки - то имхо лучше использовать css.
пример, если кнопки:

если галерея изображений, лучше приведи точное описание необходимой задачи: что? где? куда? как? когда?
так легче будет привести пример. опять же, попробуй использовать готовые решения, вот куча примеров - легко и удобно...

BARTBERSERK · Отправлено: **02:23, 20-07-2009** | #10

Я Везде смотрел немогу найти

Мне надо вставить под шапку сайта 7 фото вряд размером в 157x152 каждая, и чтобы при наведении на неё она светится начиналась и можно было пройти по ссылке если тыкнешь по ней.

Может это флешем сделать или как?!