R_MontSerrat Postado Outubro 10, 2012 Denunciar Share Postado Outubro 10, 2012 Olá pessoal,estou tentando fazer uma vitrine de produtos com zoom, como a da netshoes por exemplo: http://www.netshoes....004-2307-158-44Mas quando passo o mouse nos outros produtos da miniatura, e troco a imagem principal, o zoom não funcionaalguém pode me ajudar?segue o código<script type="text/javascript"> function troca(){ document.getElementById("image2").src="../../../Public/Pictures/Sample Pictures/Jellyfish.jpg"; } function troca2(){ document.getElementById("image2").src="http://i44.tinypic.com/11icnk5.jpg"; } jQuery(document).ready(function($){ $('#image2').addimagezoom({ zoomrange: [5, 5], magnifiersize: [500,500], magnifierpos: 'right', cursorshade: true, cursorshadecolor: 'black', cursorshadeopacity: 0.3, cursorshadeborder: '1px solid black', largeimage: document.getElementById("image2").src //<-- No comma after last option! }) }) </script> HTML <body onload="troca2();"> <img id="image2" border="0" style="width:300px;height:225px" /> // Zoom da imagem <img src="../../../Public/Pictures/Sample Pictures/Jellyfish.jpg" width="167" height="125" style="width:100px;height:80px" onmouseover="troca()" /> // Primeira imagem <img border="0" src="http://i44.tinypic.com/11icnk5.jpg" style="width:100px;height:80px" onmouseover="troca2()" /> // Segunda imagem </body>Alguém pode me ajudar? Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
R_MontSerrat
Olá pessoal,
estou tentando fazer uma vitrine de produtos com zoom, como a da netshoes por exemplo: http://www.netshoes....004-2307-158-44
Mas quando passo o mouse nos outros produtos da miniatura, e troco a imagem principal, o zoom não funciona
alguém pode me ajudar?
segue o código
<script type="text/javascript"> function troca(){ document.getElementById("image2").src="../../../Public/Pictures/Sample Pictures/Jellyfish.jpg"; } function troca2(){ document.getElementById("image2").src="http://i44.tinypic.com/11icnk5.jpg"; } jQuery(document).ready(function($){ $('#image2').addimagezoom({ zoomrange: [5, 5], magnifiersize: [500,500], magnifierpos: 'right', cursorshade: true, cursorshadecolor: 'black', cursorshadeopacity: 0.3, cursorshadeborder: '1px solid black', largeimage: document.getElementById("image2").src //<-- No comma after last option! }) }) </script>HTMLAlguém pode me ajudar?
Link para o comentário
Compartilhar em outros sites
0 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.