Código passar mouse

[Carlos Moreira 0]

Olá pessoal estou precisando de um código que quando eu passe o mouse numa imagem ele apareça a mesma acima, eu até achei um mas deve ser pago pq aparece uma mensagem antes de exibir a pagina e tambem esta com muitos erros vejam o que eu tenho no endereço abaixo:

 

 

 

http://www.vitrinedasmalhas.com.br/maranat...ategoria=Blusas

 

 

Alguem pode me ajudar

[hargon 64]

Bacana o efeito.

 

Isso é javascript.

[Carlos Moreira 0]

é mais tem um tal de Tooltip no meio que é complicadinhoALGUEM TEM ESSE CÓDIGO PARA ME PASSAR?

[Ivan.Teles 23]

é so usar o evento o onmouseover e chamar a foto atraves de JS em tamanho maior.

[Carlos Moreira 0]

Poxa jivandf valeu pela dica, mas poderia me dar um exemplo na pratica sem querer abusar!!!

[Tiago Cardoso 1]

Tem duas saídas CSS e JavaScript, seja um pouco mais expecífico que a gente te encaminha para o rumo certo, ok?

[Carlos Moreira 0]

Então na verdade preciso dessa função independente CSS ou JAVA, mas precisaria do código:Pois o que tenho da essa mensagem antes de exibir e esta com erro

[Tiago Cardoso 1]

Então na verdade preciso dessa função independente CSS ou JAVA, mas precisaria do código:

JavaScript

 

Cara explique onde vai ocorreir este efeito?

Fica difícil sem saber isso, ok?

[B!nhuu 0]

Kra isso é muito facil... rssss.... procura por overlib no google....

 

Isso é uma biblioteca de javaScript... você só tem que linkar a função... mas dai no site tem tudo explicando.. flwzzz http://forum.imasters.com.br/public/style_emoticons/default/assobiando.gif

[Carlos Moreira 0]

Alguem teria esse código para me passar?Não estou conseguindo eleAbraço a todos e desde ja muito obrigado

[stview 0]

Então Carlos, tenta fazer o codigo e posta ai, mesmo com erro.O objetivo é ensinar a pescar, e não dar o peixe. Se você ficar só pedindo o codigo pronto daqui ha pouco vai ser ignorado pela raça.Se não tiver idéia de como começar, salva essa página e começa a ler o codigo dele.Começa a reescrever o código na sua página e vai testando, conforme for dando erros vai postando o código pra que possamos ajudar.Outros sites que usam essa parada: templatemonsters.com e linuxmall.com.br

[Carlos Moreira 0]

Meu código é esse:

 

<!--#include file="config.asp" --><%Call abre_conexao(ConnString,Conn)categoria = REQUEST.QUERYSTRING("categoria")Set RS = Server.CreateObject("ADODB.Recordset") msql = "SELECT * FROM produtos where categoria1 = '"& categoria & "' and aprovado <> 0 order by id desc"Set RS.activeconnection = Conn 'Verifica se tem registro, se nao tiver exibe que não temRS.Open msql, Conn,3,3%>				  <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">					<tr> 					  <td class="titulohome1"><strong>PRODUTOS</strong></td>					</tr>				  </table>				  <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">					<tr> 					  <td class="texto"><strong><font color="#737373">Produtos 						da coleção:</font> <span class="titulohome1"><%=categoria%></span></strong></td>					</tr>				  </table>				  <table width="100%" border="0" cellspacing="0" cellpadding="0">					<tr> 					  <td align="center"> <span class="style11"> 						<%if RS.eof or RS.bof then%>						</span><span class="texto"><font color="#737373">Não 						há produtos cadastrados nesta categoria</font></span><font color="#737373"><span class="style11"> 						</span></font></td>					</tr>					<tr> 					  <td align="center"><a href="java script:history.go(-1)" class="texto">« 						Voltar para página anterior</a><span class="style11"> 						<%else%>						</span></td>					</tr>				  </table>				  <table width="100%" height="74" border="0" cellpadding="0" cellspacing="0">					<tr> 					  <td height="74" class="texto"> <p><font color="#737373">Para 						  fazer um <strong>pedido de orçamento</strong> 						  basta adicionar os produtos no carrinho de orçamento 						  e finalizar pedido.</font></p>						<p><font color="#737373">Para vizualizar melhor a imagem 						  do pro?????j????l???duto <strong>clique sobre a imagem</strong> desejada.</font> 						  <%Response.CacheControl="no-cache"Response.AddHeader "Pragma","no-cache"Response.Expires=0%>						 <%count=0%>						  <script>function addtocart(formele,prodid){dml=document.f1;dml2=document.f2;product=dml.elements[formele];total=dml2.elements[0]; if(isNaN(product.value) || product.value=="")	 { 	  alert("Please enter a quantity");	  product.value="";	  product.focus();	  //return false;	 } else{	  	  total.value=prodid +","+Math.ceil(product.value);	  dml2.submit();	  }//return true;}  function removecart(removeprod){    location.href="submitshop.asp?choice=remove&removeprod="+removeprod      }</script>						</p></td>					</tr>				  </table>				  <table width="100%" height="30" border="0" cellpadding="0" cellspacing="0">					<tr> 					  <td align="center"><a href="java script:history.go(-1)" class="texto">« 						Voltar para página anterior</a></td>					</tr>				  </table>				  <form action="carrinho.asp" method="post" name="f1" id="f1">					<table width="181" border="0" align="center" cellpadding="7" cellspacing="7">					  <tr> 						<%Dim contador contador = 1 maxcol = 4	'<-- numero de registros por colunasdo while not RS.eof%>						<%  	if contador <= maxcol then %>						<td valign="top"><table width="10" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FAE3A9">							<tr> 						<td><style type="text/css">						body { font-family: verdana, arial, helvetica, sans-serif;  font-size: 14px; }h1 { font-size:18px }	a:link { color:#33c }	a:visited { color:#339 }	/* This is where you can customize the appearance of the tooltip */div#tipDiv {  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;  background-color:#FAE3A9; border:1px solid #336;   width:250px; padding:4px;  color:#000; font-size:11px; line-height:1.2;}/* These are optional. They demonstrate how you can individually format tooltip content  */div.tp1 { font-size:12px; color:#336; font-style:italic }div.tp2 { font-weight:bolder; color:#337; padding-top:4px }</style><script src="js/dw_event.js" type="text/javascript"></script><script src="js/dw_viewport.js" type="text/javascript"></script><script src="js/dw_tooltip.js" type="text/javascript"></script><script type="text/javascript">function doTooltip(e, msg) {  if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;  Tooltip.show(e, msg);}function hideTip() {  if ( typeof Tooltip == "undefined" || !Tooltip.ready ) return;  Tooltip.hide();}	// variables for tooltip content var tipRich = '<div class="tp1">This text is in a div with it\'s own class for different style specifications than the tooltip. </div>';var tipImg = '<div style="text-align:center"><img src="<%= RS("imagem")%>" width="300" alt="" border="0"></div>';var tipImgTxt = '<img src="images/sm-duck.gif" width="90" height="44" alt="" border="0"><div class="tp2">Images and text can go together in a tooltip.</div>';var tipTerms = "If you plan to use our code, please follow our terms. Thank you.";</script><body onload="Tooltip.init()">						  <a href="#" onmouseover="doTooltip(event,tipImg)" onmouseout="hideTip()"><img src="<%= RS("imagem")%> " width="100" hspace="5" vspace="5" border="0" widht="40"></a></td>					  </tr>					</table><table width="100%" border="0" cellspacing="1" cellpadding="1">							<tr> 							  <td><div align="center" class="texto"> 								  <div align="center" class="texto"><span class="texto2"><strong>Ref.</strong></span> 									<%=RS("referencia")%></div>								</div></td>							</tr>							<tr> 							  <td align="center"> <input type="text" name="product" size="2" value="1"> 							  </td>							</tr>							<tr> 							  <td align="center"><a href="java script:addtocart(<%=count%>,<%=RS("id")%>);" class="texto">INCLUIR</a></td>							</tr>						  </table></td>						<% 	  contador = contador + 1 	else %>						  </tr>					  <tr> 						<td valign="top"><table width="10" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FAE3A9">							<tr>							  <td><a href="#" onmouseover="doTooltip(event,tipImg)" onmouseout="hideTip()"><img src="<%= RS("imagem")%> " width="100" hspace="5" vspace="5" border="0" widht="40"></a></td>							</tr>						  </table>						  <table width="100%" border="0" cellspacing="1" cellpadding="1">							<tr> 							  <td><div align="center" class="texto"> 								  <div align="center" class="texto"><span class="texto2"><strong>Ref.</strong></span> 									<%=RS("referencia")%></div>								</div></td>							</tr>							<tr> 							  <td align="center"> <input type="text" name="product2" size="2" value="1"> 							  </td>							</tr>							<tr> 							  <td align="center"><a href="java script:addtocart(<%=count%>,<%=RS("id")%>);" class="texto">INCLUIR</a></td>							</tr>						  </table> </td>						  <% contador = 2 end if RS.movenext loop 'completa as colunas do while contador <= maxcol %>						<td> </td>						<%contador = contador + 1 loop%>					  </tr>					  <%RS.Close Set RS = Nothing Call fecha_conexao() %>					  <%end if%>					</table>				  </form>				  <p> 				  <form method="POST" action="submitshop.asp?choice=shop" name="f2">					<input type="hidden" name="total" size="20">				  </form>