Ir para conteúdo

POWERED BY:

Arquivado

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

Mauricio Stange

Transição de Imagem com JQuery

Recommended Posts

Estou com um problema para fazer funcionar uma transição de imagem com JQuery (mouseover/mouseout). O código que estou usando é seguinte:

$(document).ready(function(){
  $("img").mouseover(function(){
	  var src = $(this).attr("src").match(/[^\.]+/) + "over.png";
	  $(this).attr("src", src);
     })
  .mouseout(function(){
	  var src = $(this).attr("src").replace("over","");
	  $(this).attr("src", src);
  })

});

 

Pelo que verifiquei quando ocorre o evento do mouseover o caminho fica inconpleto, em vez de www.dominio.com/imagem/imagemover.png ele retorna www.png

 

Se alguém tiver alguma sugestão agradeço.

Compartilhar este post


Link para o post
Compartilhar em outros sites
                 alert( $(this).attr("src") );
                 var src = $(this).attr("src").match(/[^\.]+/) + "over.png";
                 $(this).attr("src", src);
                 alert( src );

informe oque retornar desses 2 alerts

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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