[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Анимация Gif
Форум PHP программистов > PHP для начинающих
valdem
12.09.2009 - 16:22
Есть анимированная картинка Gif как сделать чтоб при наведении мышки включалась анимация ?
Заранее спасибо



Спустя 1 минута, 3 секунды (12.09.2009 - 15:23) twin написал(а):
Это флзш а не гиф. Можно правда заменять картинки. Одну статичную, другую с анимацией.

Спустя 1 час, 1 минута, 37 секунд (12.09.2009 - 16:24) SunSet написал(а):
valdem
Как сказали уже - либо на флеше, либо заменой двух картинок - одна статичная, вторая (уже при наведении подгружается) анимированая.

Спустя 49 минут, 50 секунд (12.09.2009 - 17:14) valdem написал(а):
>>>вторая (уже при наведении подгружается) анимированая


подскажи плиз как это организовать.

Спустя 5 минут, 55 секунд (12.09.2009 - 17:20) live Uucyc написал(а):
valdem, через css (:hover)

Спустя 2 минуты, 30 секунд (12.09.2009 - 17:23) SunSet написал(а):
valdem
Вот, например. Правда через Дримвиверский Javascript



HTML
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


HTML
<body onLoad="MM_preloadImages('s_warn.png')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','s_warn.png',1)"><img src="38.gif" name="Image1" width="75" height="75" border="0"></a>

Спустя 12 минут, 14 секунд (12.09.2009 - 17:35) live Uucyc написал(а):
SunSet, мне кажется, что через css проще, и кода меньше

Спустя 1 минута, 49 секунд (12.09.2009 - 17:37) SunSet написал(а):
live Uucyc
Я как вариант привел, а там уже кому что ближе smile.gif

Спустя 1 минута, 56 секунд (12.09.2009 - 17:38) live Uucyc написал(а):
может и так smile.gif

Спустя 14 минут, 28 секунд (12.09.2009 - 17:53) valdem написал(а):
SunSet спасибо.

live Uucyc если можно для сравнения покажи плиз как в CSS это реализовать

Спустя 14 минут, 59 секунд (12.09.2009 - 18:08) glock18 написал(а):
ie6 поддерживает псевдокласс hover только для ссылок

если что-то серьезное и много делать. такое что придется делать не только на ссылки, то проще и лучше js использовать. тогда можно не ограничиваться onhover, а поставить картинки и на onclick и ondrinkbeer и еще на что угодно smile.gif

Спустя 8 минут, 57 секунд (12.09.2009 - 18:17) SunSet написал(а):
glock18
laugh.gif




HTML
<a href=#click onDrinkBeer ="beer.open('Ну, за дружбу');return false;">onClick</a>

Спустя 26 минут, 13 секунд (12.09.2009 - 18:43) valdem написал(а):
апомните плиз как подгружать файл *.js

Спустя 1 минута, 21 секунда (12.09.2009 - 18:44) SunSet написал(а):
HTML
<script type="text/javascript" language="javascript" src="ajax.js" ></script>

Спустя 42 минуты, 3 секунды (12.09.2009 - 19:27) valdem написал(а):
HTML
index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" language="javascript" src="knopka.js" ></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<body>
<body onLoad="MM_preloadImages('_hp2.jpg')">
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','_hp2.jpg',1)"><img src="38.gif" name="Image1" width="75" height="75" border="0"></a>
</body>
</html>


HTML
knopka.js

// JavaScript Document
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


Когда в ndex.php скрипт вставлял все работало а из файла неробит подскажите что я неправельно делаю

Спустя 3 минуты, 27 секунд (12.09.2009 - 19:30) SunSet написал(а):
<img src="38.gif" name="Image1" width="75" height="75" border="0"></a>
Ты хоть на свое замени.

Спустя 6 часов, 24 минуты, 57 секунд (13.09.2009 - 01:55) live Uucyc написал(а):
Цитата (glock18 @ 12.09.2009 - 15:08)
ie6 поддерживает псевдокласс hover только для ссылок

а как много пользователей, кто еще на ie6???

Спустя 22 минуты, 25 секунд (13.09.2009 - 02:17) SunSet написал(а):
live Uucyc
Если не трудно, приведи пример на hover. Както просто не встречал такого, интересно глянуть smile.gif

Спустя 6 часов, 29 минут, 21 секунда (13.09.2009 - 08:47) glock18 написал(а):
Цитата
а как много пользователей, кто еще на ie6???


порядочно, думаю. для этого есть статистика - сам не помню.

+ я не уверен, что в 7ом проблема решена. он лишь немногим менее глючный чем шестой.

Спустя 6 часов, 58 минут, 55 секунд (13.09.2009 - 15:46) live Uucyc написал(а):
glock18, может и так, спорить не буду. В 7 я пока особо не сталкивался с глюками
Быстрый ответ:
Powered by dgreen

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.