Ir para conteúdo
Fórum Script Brasil
  • 0

Passar O Mouse E Mudar De Imagen

Guest - Anderson -

Perguntado por Guest - Anderson -,

 Share

Pergunta

2 respostass a esta questão

Posts Recomendados

  • 0
Tavinho

Tavinho

Postado
Postado

biggrin.gif Ola amigo ...

Segue o código do Script :


<html>
<head>
<title>Titulo da sua página</title>
</head>

<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v4.0
  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 && document.getElementById) x=document.getElementById(n); return x;
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>


<table width="765" border="0" cellspacing="0" cellpadding="0">

  <tr valign="top"> 
    <td width="617">




<script language="JavaScript">
<!--
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.0
  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 && document.getElementById) x=document.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];}
}

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;
}
//-->
</script>


<span class="black_text"><b>
<table width="622" border="0" cellspacing="0" cellpadding="0" onload="MM_preloadImages('images/sescCart/gd01.jpg','images/sescCart/gd02.jpg','images/sescCart/gd03.jpg','images/sescCart/gd04.jpg','images/sescCart/gd05.jpg','images/sescCart/gd06.jpg','images/sescCart/gd07.jpg','images/sescCart/gd08.jpg','images/sescCart/gd09.jpg','images/sescCart/gd10.jpg','images/sescCart/gd11.jpg','images/sescCart/gd12.jpg','images/sescCart/gd13.jpg','images/sescCart/gd14.jpg','images/sescCart/gd15.jpg','images/sescCart/gd16.jpg','images/sescCart/gd17.jpg','images/sescCart/gd18.jpg','images/sescCart/gd19.jpg','images/sescCart/gd20.jpg','images/sescCart/gd21.jpg','images/sescCart/gd22.jpg')">
  <tr> 
    <td colspan="2"> 
      &nbsp;</td>
  </tr>
  <tr> 
    <td width="322">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td class="matric_left"><img src="http://www.sescsp.org.br/sesc/images/spacer.gif" width="5" height="4"></td>
        </tr>
        <tr> 
          <td><img src="http://www.sescsp.org.br/sesc/images/sescCart/gd01.jpg" width="322" height="212" name="carteira"></td>
        </tr>
      </table>
   
    </td>
    <td valign="top" width="90%" class="matric_right">
      <table width="277" border="0" cellspacing="4" cellpadding="0" align="center" class="matric_table">
        <tr> 
          <td colspan="4" valign="middle" align="center" class="matric_figs">
          <font face="Comic Sans MS">Um texto aqui</font></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd01.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/01.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd02.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/02.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd03.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/03.jpg" width="35" height="29" border="0"></a></td>
        </tr>
        <tr> 
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd04.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/04.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd05.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/05.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd06.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/06.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd07.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/07.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd08.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/08.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd09.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/09.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd10.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/10.jpg" width="35" height="29" border="0"></a></td>
        </tr>
        <tr> 
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd11.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/11.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd12.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/12.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd13.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/13.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd14.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/14.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd15.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/15.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd16.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/16.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd17.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/17.jpg" width="35" height="29" border="0"></a></td>
        </tr>
        <tr> 
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd18.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/18.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd19.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/19.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd20.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/20.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd21.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/21.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs"><a href="javascript:;" onmouseover="MM_swapImage('carteira','','http://www.sescsp.org.br/sesc/images/sescCart/gd22.jpg',1)"><img src="http://www.sescsp.org.br/sesc/images/sescCart/22.jpg" width="35" height="29" border="0"></a></td>
          <td width="39" class="matric_figs">&nbsp;</td>
          <td width="39" class="matric_figs">&nbsp;</td>
        </tr>
        </table>
    </td>
  </tr>
  </table>
  <br>
    
</b></span>

	<br>   </td>
  </tr>
  
</table>
</body>
</html>

Retirei este script do código fonte do próprio site do sesc como você pode observar...

Agora você deve colar este código no editor de sua preferencia e mudar apenas os endereços das imagens para as suas...

talvez ainda sobre alguma "sujeirinha" neste código, porque fiz a limpeza dele rapidinho, porque to no trabalho agora .. rolleyes.gif

Espero ter ajudado ...

Um abraço

Falowww tongue.gif

Link para o comentário
Compartilhar em outros sites
  • 0
Ricardo Cobain

Ricardo Cobain

Postado
Postado

Ei calma não se assuste...

'Amigo para que um codigo tão grande , para fazer uma função tão simples'

Pode usar isso!

<a onmouseover="if (document.imagem1) document.imagem1.src= '2.bmp'"

  onmouseout="if (document.imagem1) document.imagem1.src= '1.bmp'">

<img src="1.bmp" name="imagem1"></a>

Agora é só multiplicar(copiar) os codigo, alterando o nome das imagen.

Exemplo: imagem1 > imagem 2 >....

Pronto, qualquer duvida , poste!

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...