gostaria de saber qual eh o script que faz o efeito onmouseover em uma imagem..... ex; quando o usuario passa o mouse na img 1 ela vira img2 e qdo o usuario tira o mouse volta a ser img1
Imagens
Started By ninguem, 26/06/2003, 11:59
3 replies to this topic
#2
Web Developer
-
- Usuários
-
- 283 posts
12 Horas
- Sexo:Masculino
- Localidade:Porto Alegre - RS
- Interesses:Desenvolvimento Web.
Posted 26/06/2003, 12:51
Aí vai o código meu filho:
Dentro da tag <head> você coloca isso:
<script language="JavaScript" 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>
E dentro da tag <body> você coloca isso:
<a href="www.suap%E1gina.com.br" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','imagem2',1)"><img name="Image4" border="0" src="imagem1" alt="Passe o mouse na imagem"></a></p>
aí vc só deve trocar o nome: imagem1 e imagem2 para as suas imagens! Ah e troca o endereço do site para algum seu prra quando ele clica vai pra algum lugar!
espero ter ajudado, qualquer coisa poste aqui dnovo :ok:
Dentro da tag <head> você coloca isso:
<script language="JavaScript" 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>
E dentro da tag <body> você coloca isso:
<a href="www.suap%E1gina.com.br" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','imagem2',1)"><img name="Image4" border="0" src="imagem1" alt="Passe o mouse na imagem"></a></p>
aí vc só deve trocar o nome: imagem1 e imagem2 para as suas imagens! Ah e troca o endereço do site para algum seu prra quando ele clica vai pra algum lugar!
espero ter ajudado, qualquer coisa poste aqui dnovo :ok:
PHP não é coisa pra muleque!
#3
Dash
-
- Usuários
-
- 173 posts
:: Duodraco ::
- Sexo:Não informado
- Localidade:Grande São Paulo
Posted 26/06/2003, 14:17
<img src="imagem1.jpg" onMouseOver="this.src='imagem2.jpg'" onMouseOut="this.src='imagem1.jpg'">
When the dragon flies and cries,
their tears become the tempest..
Visite:
Draco
Come with me....
Future World
their tears become the tempest..
Visite:
Draco
Come with me....
Future World
#4
M@ster
M@ster
-
- Visitantes
Posted 26/06/2003, 16:27
Tipow.. se vc pegar o exemplo do Web Solutions, a 2ª imagem irá se "ajustar" ao tamanho igual da imagem nº1.. As duas imagens naum precisam ser do mesmo tamanho..
Mas, se vc pegar o exemplo do Dash, as imagens terão que ter as mesmas dimensões..
..falow
Mas, se vc pegar o exemplo do Dash, as imagens terão que ter as mesmas dimensões..
..falow
1 user(s) are reading this topic
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)
