Troca de imagem e abrir com jquery

[Leandromx 0]

Olá pessoal.

 

Seguinte estou usando o segundo exemplo desse link

Zoom

Ao passar o mouse mostra o pedaço do produto.. beleza até ai funcionando.

 

Ai eu tenho as miniaturas que quando clico abre no ligar da foto maior, o problema que ao passar o mouse ele mostra o peaço da primeira foto que carrega

 

Alguem idéia de como eu posso fazer a trocar correta?

ou seja, clica na miniatura abre a imagem clicada no ligar da atual, e ao passar o mouse (para o zoom) ele aparece a foto que cliquei???

[srnetcave 1]

Melhor você postar parte do script que está usando, vai receber uma resposta mais rapido...

 

 

Abraço

[Leandromx 0]

Bom vamos lá então

 

Aqui já inicia com uma foto, que ao passar o mouse faz o zoom.

<div class='foto'>    
<a href='produtos/foto_0706101275911702.png' class='jqzoom' id='teste'>
<img src='produtos/foto_0706101275911702.png' width='350' id='teste2' />
</a>
</div>

Depois eu tenho as miniaturas que ao clicar eu troco o src e href

Está trocando as imagens.

<img src='produtos/1/foto_0706101275921471.jpg' width='70' class='cursor' onclick="foto('foto_0706101275921471.jpg')" />

Aqui é o Java Script

// função do zoom
$(function() {
	$(".jqzoom").jqzoom();
});

// Função troca a foto

function foto(foto)
{
document.getElementById('teste2').src = "";
document.getElementById('teste2').src = "produtos/1/"+foto;
document.getElementById('teste').href= "";
document.getElementById('teste').href= "produtos/1/"+foto;


// Colocando novamente eu consegui fazer a imagem trocada ter zoom
$(".jqzoom").jqzoom();
}

Ai vamos ao comentários.

Do jeito que eu passei ai funciona, troca a foto e faz o zoom.

Só tem um problema, depois da segunda vez que eu troco a foto já começa os bugs.

A foto troca mas o zoom aparece a antiga, ai carrego novamente e aparece a foto normal.

E assim vai.

 

Alguma luz???