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

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

Цитата BARTBERSERK:

и чтобы при наведении на неё она светится начиналась »

если точно так же как на Blizzard.com, то достаточно две картинки:
1. обычное состояние
2. подсвеченное состояние

пример как релиазовать с этими картинками смотри выше, пример для кнопок.
+ думаю необходимо подумать о предзагрузке hover картинок через js или банально через div блок со стилем visibility:none

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

Блин я уже обыскался обчитался всё никак неполучается

Помогите Плиз!!!
скажите код хватит уже скидывать на другие источники

((

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

Цитата BARTBERSERK:

скажите код хватит уже скидывать на другие источники (( »

за тебя твою работу ни кто делать не будеть. Советаю это принять.

Цитата BARTBERSERK:

Помогите Плиз!!! »

легко и сколького угодно. прошу только одного:

Цитата proxy:

точное описание необходимой задачи: что? где? куда? как? когда? »

уже привел код, что не устраивает?
соберись!! )) и внимательно смотри на пример:

HTML код:

<html> 
<head> 
<title>Sent!</title> 
<style> 
.a1, .a2, .a3{
	margin-right:5px;
	width:157;
	height:152;
}

.a1, .a1:visited{ background-image:url('1.jpg'); }
.a2, .a2:visited{ background-image:url('2.jpg'); }
.a3, .a3:visited{ background-image:url('3.jpg'); }

.a1:hover{ background-image:url('1(2).jpg'); } 
.a2:hover{ background-image:url('2(2).jpg'); } 
.a3:hover{ background-image:url('3(2).jpg'); } 
</style>
</head> 
<body> 

<a class="a1" href="http://" title="Подсказка ссылки 1"></a>
<a class="a2" href="http://" title="Подсказка ссылки 2"></a>
<a class="a3" href="http://" title="Подсказка ссылки 3"></a>

</body> 
</html>

>>> это - вариант - создания - ссылок - как на сайте Blizzard.com ! <<<
тебе остается только:
1. нарисовать нужные картинки
2. вставить код в свой сайт
3. закачать каритнки в соответсвующие папки сайта

Вариант № 2: Попробуй заказать выполнение задачи за деньги!! (данаая зада стоит копейки)
думаю это самый хороший пример, что бы понять КАК важно техническое задание и ЧТО же это такое.

koresaram · Отправлено: **12:14, 02-08-2009** | #14

о! можно я тоже сюда с небольшим оффтопом влезу?

смысл задачи практически тот же. но есть нюанс. у меня при наведении мыши на картинку она должна анимироваться. вопрос в следующем: можно ли gif анимацию заставить прокрутиться только один раз после наведения? или такое только на флеше можно сделать?

ps/ то есть допустим у меня на гифе часы и там стрелка прокручивается с 6 часов до 12. вот чтоб принаведении она не крутилась 6-12 потом снова 6-12 и т.д. а крутанулась с 6 на 12 и больше не крутилась?

по теме топа
делал как-то давно для нашего (ну не делал а стырил

)
в head записываешь скрипт

HTML код:

<script> if( parseInt( navigator.appVersion ) >= 3 ) compat = true; if(compat)   {   I1 = new Image;   I1.src="img/blue.gif";   I1_1 = new Image;   I1_1.src="img/red.gif";   I2 = new Image;   I2.src="img/blue.gif";   I2_2 = new Image;   I2_2.src="img/red.gif";   I3 = new Image;   I3.src="img/blue.gif";   I3_3 = new Image;   I3_3.src="img/red.gif";   I4 = new Image;   I4.src="img/blue.gif";   I4_4 = new Image;   I4_4.src="img/red.gif";   I5 = new Image;   I5.src="img/blue.gif";   I5_5 = new Image;   I5_5.src="img/red.gif";   I6 = new Image;   I6.src="img/blue.gif";   I6_6 = new Image;   I6_6.src="img/red.gif";   I7 = new Image;   I7.src="img/blue.gif";   I7_7 = new Image;   I7_7.src="img/red.gif";   } function SetImg(Name,Img)   {   if(compat) 	{ 	document.images[Name].src=eval(Img+'.src'); 	}   } </script>

в body идет код ссылок

HTML код:

<b><a class="a1" href="about.htm" onmouseover="SetImg('PIC1','I1_1')" onmouseout="SetImg('PIC1','I1')"><img src="img/blue.gif" name="PIC1" border="0" align="absmiddle" hspace="4">Компания</a> <a class="a1" href="analytics.htm" onmouseover="SetImg('PIC2','I2_2')" onmouseout="SetImg('PIC2','I2')"><img src="img/blue.gif" name="PIC2" border="0" align="absmiddle" hspace="4">Аналитика</a> <a class="a1" href="consulting.htm" onmouseover="SetImg('PIC3','I3_3')" onmouseout="SetImg('PIC3','I3')"><img src="img/blue.gif" name="PIC3" border="0" align="absmiddle" hspace="4">Консалтинг</a> <a class="a1" href="solutions.htm"onmouseover="SetImg('PIC4','I4_4')" onmouseout="SetImg('PIC4','I4')"><img src="img/blue.gif" name="PIC4" border="0" align="absmiddle" hspace="4">IT-решения</a> <a class="a1" href="recruitment.htm" onmouseover="SetImg('PIC5','I5_5')" onmouseout="SetImg('PIC5','I5')"><img src="img/blue.gif" name="PIC5" border="0" align="absmiddle" hspace="4">Рекрутмент</a>

меняешь имена картинок и расположение и будут они подменяться при наведении. но у proxy вариант получше будет.

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

Цитата koresaram:

ps/ то есть допустим у меня на гифе часы и там стрелка прокручивается с 6 часов до 12. вот чтоб принаведении она не крутилась 6-12 потом снова 6-12 и т.д. а крутанулась с 6 на 12 и больше не крутилась? »

Просто сделайте анимацию, где последний кадр будет отображаться, скажем, 240 секунд (больше фотошоп не позволяет). И не надо мудрить)

koresaram · Отправлено: **13:32, 02-08-2009** | #16

Цитата Coutty:

Просто сделайте анимацию, где последний кадр будет отображаться, скажем, 240 секунд (больше фотошоп не позволяет). И не надо мудрить) »

я думал на эту тему, но тогда размер гифа разве не увеличится в разы?

то есть в самом гифе нельзя такое задать получается?

еще я придумал очень извращенный вариант

)) типа при наведении запускается скрипт, который прокручивает 6 кадров (к примеру) но такого варианта я сам испугался после придумывания.

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

Цитата koresaram:

я думал на эту тему, но тогда размер гифа разве не увеличится в разы? »

Ничуть не увеличится. Там же не 25 кадров в секунду, а есть, скажем, 6 кадров, для каждого из которых прописана длительность его отображения.
При этом есть ещё такие варианты: 1) каждый кадр - самостоятельный рисунок, и 2) каждый кадр содержит только изменяющуюся часть, а общая часть - только 1 раз записана. В тех же часах сами часы можно записать 1 раз, а стрелки - на отдельных кадрах.

Второй вариант тоже некоторыми используется, но это неразумно по-моему.

terrry · Отправлено: **23:33, 09-09-2010** | #18

ЗДРАВСТВУЙТЕ! То что во фронтпэдже можно заменить картинку, это понятно, но на новой картинке пропадает текст. Подскажите, как это исправить?!