Меню
Что нового?

Как средствами PHP зделать анимированую кнопку.

  • Автор темы Автор темы babagun
  • Дата начала Дата начала

babagun

Новичок
Как средствами PHP зделать анимированую кнопку.

Ну вроде бы по названию темы и так всё ясно...
Подмагните.
 
В каком смысле "анимированные"? Какое событие должно служить ключом в анимации?
 
Ну скажем есть две гифки или JPG ну и при наведении мышки на кнопкувид кнопки должен меняться.
 
Ну почему же только - как минимум, есть еще JavaScript и CSS...

Решений в Сети - туча. Ключевое слово для поиска - ролловер (roll-over effect).
 
Re: Как средствами PHP зделать анимированую кнопку.

Автор оригинала: babagun
Ну вроде бы по названию темы и так всё ясно...
Подмагните.
Нажмите для раскрытия...
Так
PHP: 
if (document.images) 
{  
img1on = new Image ;img1off = new Image; 
img2on = new Image ;img2off = new Image; 
 
img1on.src = "img/back1.gif";img1off.src = "img/back.gif";
img2on.src = "img/forward1.gif";img2off.src = "img/forward.gif";
} 
function img_act(imgName) { 
if (document.images) 
{ imgOn = eval (imgName + "on.src"); 
document [imgName].src = imgOn; } } 
function img_inact(imgName) { 
if (document.images) 
{ imgOff = eval(imgName + "off.src"); 
document [imgName].src = imgOff; } }
Название картинок для 2 анимированных кнопок
img1on.src = "img/back1.gif";img1off.src = "img/back.gif";
img2on.src = "img/forward1.gif";img2off.src = "img/forward.gif";
Замени на свои. Если у тя их больше то допиши.
А кнопки вызываться должны так :
PHP: 
<a href="JavaScript: uniback()"  onMouseOver="img_act('img1')" onMouseOut="img_inact('img1')" onClick=parent.delay() hidefocus="true"><img src="img/back.gif"  width="79" height="20" name="img1" border="0" alt="Назад"></a>
Ну и 2 соответственно так :
PHP: 
<a href="Write_NewsEdit_new.php" onMouseOver="img_act('img2')" onMouseOut="img_inact('img2')" onClick=parent.delay() hidefocus="true"><img src="img/forward.gif" width="79" height="20" name="img2" alt="Вперед" border="0"></a>
Если надо больше кнопок отредактруй код выше данный.
 
Santerx
Екарный бабай! Ты бы хоть функу нормальную дал чтоли... Дримьювер по умолчанию и то "умнее" функу рисует.
 
Santerx

зачем такие сложности, браузёры уже давно поддерживают вот это:

PHP: 
<a href="link.html" title="" 
onMouseOver="document.myname.src='img/img2.jpg'" 
onMouseOut="document.myname.src='img/img.jpg'">
<img src="img/img.jpg" NAME="myname" width="100" height="20" alt="">
</a>

myname - можно заменить на что-нибудь другое.

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