Ir para conteúdo
Fórum Script Brasil

Luciane Froster

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Sobre Luciane Froster

Luciane Froster's Achievements

0

Reputação

  1. Galera me ajudem por favor sou nova nesse lance programação e desenvolvimento para Web. Estou com uma grande dificuldade em colocar o zoom em uma imagem com o jquery,estou usando o mlens já fiz de tudo ele aparece a lupa como mais não da o zoom.coloquei uma imagem de tamanho pequeno e outro de tamanho grande ao executar não funciona. aqui esta o codigo galera <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>zoom</title> <head> <script type="text/javascript" src="js/jquery-1.8.2.js"></script> <script type="text/javascript" src="js/jquery.mlens-1.0.mim.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#green_monster").mlens( { imgSrc: $("#green_monster").attr("data-big"), // path of the hi-res version of the image lensShape: "circle", // shape of the lens (circle or square) lensSize: 50, // size of the lens (in px) borderSize: 4, // size of the lens border (in px) borderColor: "#fff", // color of the lens border (#hex) borderRadius: 0 // border radius (optional, only if the shape is square) }); }); </script> </head> <body> <img id="green_monster" src="Imagens\jack.jpg" alt="green monster graffiti by Kotzian"data-big="Imagens\jackgrande.jpg"/> </body> </html> por favor me ajudem estou usando o WAMPSERVER e salvando na pagina www a imagem aparece normal com a lupa porém não da o zoom. aguardo soluções caros amigos :blink:
×
×
  • Criar Novo...