Ir para conteúdo
Fórum Script Brasil
  • 0

Jquery zoom não consigo visualizar


Luciane Froster

Pergunta

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:

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

Verifique se você tem os arquivos que pede, no código ainda falta dois scripts,

<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>

Acima você tem: js/jquery-1.8.2.js e js/jquery.mlens-1.0.mim.js, você precisa deles para fazer funcionar!

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...