Galeria de produtos com Jquery

[diasbass 0]

Bom dia meus nobres,

Seguinte, estou a uma semana apanhando na seguinte tarefa.

Tenho um catalogo de produtos separado em 3 divs diferentes:

 

1ª div contém uma imagem de uma camisa

2ª div contém uma descrição sobre a camisa

3ª div contém vários thumbs das camisas

 

O comportamento inicial era, qnd você clica em algum thumb da 3ª div,

na 1ª aparece a camisa no tamanho normal e na 2ª div a descrição desta camisa.

 

Pois bem... Fiz isso utilizando innerHTML , funciona na boa.

Só que agora, tenho que colocar um plugin de zoom da jQuery para que a pessoa ao passar o mouse em cima da camisa, possa visualizar os detalhes, como por exemplo aqui: http://migre.me/6IKf (produtos na netshoes)

 

Ja utilizei estes dois plugins:

MagicZoom

Zoomple

 

E o que ocorre é o seguinte...

Qnd carrego a página, ao passar o mouse na primeira imagem ocorreo evento do zoom, mas quando clico em outro produto nos thumbs, este já não carrega mais o evento de zoom, simplesmente abrindo a imagem em outra janela...

 

As classes estão definidas todas certinhas nos links gerados via innerHTML.

 

Não sei mais o que fazer :(

 

Alguém pode me ajudar por favor... :unsure: http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

@diasbass

[William Bruno 1501]

E o que ocorre é o seguinte...

Qnd carrego a página, ao passar o mouse na primeira imagem ocorreo evento do zoom, mas quando clico em outro produto nos thumbs, este já não carrega mais o evento de zoom, simplesmente abrindo a imagem em outra janela...

 

Provavelmente, já que o conteudo é 'dinâmico', e está sendo carregado após o documento já estar pronto, você vai precisar de funções como o bind() ou o live() para 'atachar' o evento.