[Resolvido] Problema em galeria com zoom
Estava precisando de uma galeria bem simples que tivesse zoom, e não achei só achei uma que tinha muita frescura, acabei juntando duas coisas pra obter o que eu quero mas tá com algum erro de estrutura que eu não consegui resolver.
Coloquei nesse link pra visualizar, Link
Baixar: Link
O zoom nem sempre funciona, só funciona quando quer :) e eu não sei pq.
Quando o fade da foto não funciona, o zoom funciona, e vice e versa...
O codigo é esse aqui:
<script>
$(function(){
// carrega a imagem inicial
trocaImg('img/teste1m.jpg', 'img/teste1g.jpg');
// função que remove a imagem atual e mostra nova
$('a.trocaProd').click(function() {
//pega a url da nova imagem que passei pelo atributo name do href pra chamar no fim da função (trocaImg)
var urlImg = $(this).attr('name');
var urlImgGrande = $(this).attr('rel');
$('#current_img').remove();
$('.zoomer-wrapper').remove();
$('#produto').addClass('loadit');
trocaImg(urlImg, urlImgGrande);
});
// função que carrega a nova imagem
function trocaImg(url, urlGrande) {
var img = new Image();
$(img).load(function(){
$(this).hide();
$('#produto').removeClass('loadit').append(img);
$(img).fadeIn(1500);
}).attr('src',url).attr('id','current_img');
// função que carrega o código de zoom
new Zoomer(img, { big: urlGrande, smooth: 10 });
}
});
</script>
Alguma luz???
Obrigado
Discussão (15)
Carregando comentários...