bsmachado Postado Março 27, 2009 Denunciar Share Postado Março 27, 2009 Olá.Tenho um site pra fazer, so to com um probleminha numa coisa, tenho umas fotos que preciso por, queria abri um link quando clicasse na foto, e que ficasse do mesmo tamanho o link e a imagem?alguém tem um exemplinho básico.Vlw a ajuda. :rolleyes: Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Março 27, 2009 Denunciar Share Postado Março 27, 2009 você quer somente inserir a imagem dentro de um link ?Pode fazer assim:<a href="pagina.htm"><img src="imagem.jpg"></img></a> Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 bsmachado Postado Março 27, 2009 Autor Denunciar Share Postado Março 27, 2009 Olá.Eu quero pegar a imagem...e quando o usuario clicar nela, a imagem se abra em outro link, do tamanho original da imagem...Tipo assim, a imagem pequena tem 300X100, quando eu clica nela, abriria a imagem original so que maior tipo 400 por 200..Vlw a ajuda. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Cristiano_ Postado Março 27, 2009 Denunciar Share Postado Março 27, 2009 Acho que esse script pode te ajudar!!LINKAbraços. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 bsmachado Postado Março 27, 2009 Autor Denunciar Share Postado Março 27, 2009 Olá, só uma ultima pergunta...Só seguir os passos do cód. la e por na minha pagina HTML, funciona numa boa?Vlw :closedeyes: Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 _Cristiano_ Postado Março 28, 2009 Denunciar Share Postado Março 28, 2009 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. Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 bsmachado Postado Março 31, 2009 Autor Denunciar Share Postado Março 31, 2009 Olá.Valeu a dica, era essa minha duvida, sobre a pasta... a sua ideia sobre o tamanho da imagem me ajudo...Vlw :rolleyes: Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
bsmachado
Olá.
Tenho um site pra fazer, so to com um probleminha numa coisa, tenho umas fotos que preciso por, queria abri um link quando clicasse na foto, e que ficasse do mesmo tamanho o link e a imagem?
alguém tem um exemplinho básico.
Vlw a ajuda.
:rolleyes:
Link para o comentário
Compartilhar em outros sites
6 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.