Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal.
Seguinte estou usando o segundo exemplo desse link
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???
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???
Melhor você postar parte do script que está usando, vai receber uma resposta mais rapido...
Abraço