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

Ajudinha URGENTE com imagem e HTML


bsmachado

Pergunta

6 respostass a esta questão

Posts Recomendados

  • 0

Sim, extraia o arquivo mais fique atento a alguns detalhes. Como por exemplo:

Mantenha a pasta "resources" ela contém imagens para dar melhor visual a imagens.

Muito provalvemente seu HTML irá ficar assim:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title> Teste FANCY ZOOM </title>
    
    <!--JAVASCRIPT PARA FANCY ZOOM-->
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="jquery.dimension.js"></script>
    <script type="text/javascript" src="jquery.shadow.js"></script>
    <script type="text/javascript" src="jquery.ifixpng.js"></script>
    <script type="text/javascript" src="jquery.fancyzoom.js"></script>
    
    <script type="text/javascript">
            $(function(){
                $('#demo > a:first').fancyzoom({Speed:400,showoverlay:false});
                $('#nooverlay').fancyzoom({Speed:0,showoverlay:true,overlay:4/10});
                $('img.fancyzoom').fancyzoom();
            });
    </script>
    <!--FIM DE JAVASCRIPT-->
    
</head>


<body>

<center>
<h1>Teste de Imagens</h1>
<!--IMAGENS-->
<a href="img/1.jpg"><img class="fancyzoom" src="img/1.jpg" alt="Paisagem" / border="0" width="100" height="100"></a>    
<a href="img/2.jpg"><img class="fancyzoom" src="img/2.jpg" alt="Paisagem" / border="0" width="100" height="100"></a>    

<!--FIM DE IMAGENS-->
</center>

</body>

</html>

Existe uma diferença entre esse código e o demo existe no arquivo zipado. Eu uso a mesma imagem na apresentação e na abertura com zoom. Pelo demo voce tem que cria uma imagem pequena e uma imagem normal e quando você clicar na pequena abre a normal. Eu resolvi usar a mesmo imagem apenas mexendo com parametros width e height, mas isso vai a seu critério.

Abraços.

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