о! можно я тоже сюда с небольшим оффтопом влезу?
смысл задачи практически тот же. но есть нюанс. у меня при наведении мыши на картинку она должна анимироваться. вопрос в следующем: можно ли
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 вариант получше будет.
