Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

giselepaini

Imagem seguir o mouse

Por , em Javascript

Recommended Posts

giselepaini    0

giselepaini
Postado

Seguinte, tenho um código javascript que quando passa o mouse sobre a foto, ela abre maior, seguindo o cursor.

No Firefox beleza! Masss no IE não funciona, a imagem aparece no topo da pagina, no canto esquerdo...

Se alguém tiver uma sugestão do que pode ser o erro...

 

Clique no botão Pesquisar no menu da direita, para ver o efeito nas fotos...

 

O código é dessa página:

http://portal.flexpro.com.br/index.php?i=teste&acao=n_inicial

 

<script type="text/javascript">
var xcurs = 0;
var ycurs = 0;
var tempo = 0;

if (document.all)
{
}
else 
{
  document.captureEvents(Event.MOVE);
  document.onmousemove=mouse;
}

function mouse(e) 
{
  if (navigator.appName == 'Netscape')
  {
    xcurs = e.pageX;
    ycurs = e.pageY;  
  } 
  else 
  {
    xcurs = event.clientX;
    ycurs = event.clientY;
  }
}

function img_maior(obj, cod_imovel)
{
  divimg = document.getElementById("div_img_imo"+cod_imovel);
  divimg.innerHTML = "<img src='"+obj+"' width='400px' id='img_imo+cod_imovel'>";
  divimg.style.top = ycurs+"px";
  divimg.style.left = xcurs+"px";
  tempo++;
}

function saiu_img(cod_imovel)
{
  divimg = document.getElementById("div_img_imo"+cod_imovel);
  divimg.innerHTML="";
}
</script>

Desde já, obrigadaa :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Dá uma olhada aqui:

 

http://forum.imasters.com.br/index.php?/topic/377255-lowsrc-e-src-ao-passar-o-mouse-amplia-a-imagem/page__view__findpost__p__1531894

Compartilhar este post

Link para o post
Compartilhar em outros sites

giselepaini    0

giselepaini
Postado

olha soh, esse teu código funcionou perfeitamente em uma página de teste...

quando coloquei na página do site não funcionava, tirando essa linha:

 

<!DOCTYPE  html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

o script funciona!

porém as outras paginas desconfigura as fontes e tal..

alguma idéia? :huh:

 

obrigadaa

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado 

function move( event )
{
	var box = document.getElementById('dom');
	box.style.top = event.clientY+15+'px';
	box.style.left = event.clientX+15+'px';
}

adicione o +'px' ali...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito