Imagem - Clicar e abrir outra maior
Tenho um site onde se exibirá algumas imagens de produtos. O que eu não sei fazer, é que ao clicar na imagem, ela possa se ampliar e mostrar as propriedades dela, como:
Cor do Produto, Dimnsões, Quantidade em estoque e preço final e dados de fone, email e etc...
Como eu faço isso?
Cor do Produto, Dimnsões, Quantidade em estoque e preço final e dados de fone, email e etc...
Como eu faço isso?
Pjava
Curtidas 0
Respostas
Joel Rodrigues
01/10/2012
Ou você redireciona para outra página, ou cria uma janela modal usando Javascript. Existem vários plugins por aí, inclusive com jQuery.
GOSTEI 0
Washington Morais
01/10/2012
É possível utilizar plugins que já fazem todo o trabalho de maneira simplificada e cross-browser.
Segue abaixo alguns para voce dar uma olhada. Em caso de dúvida, posta ae.
[url="http://www.ajaxdaddy.com/demo-jquery-thickbox.html"]ThickBox[/url]
[url="http://leandrovieira.com/projects/jquery/lightbox/"]LightBox[/url]
[url="http://fancybox.net/"]Fancybox[/url]
[url="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/"]Pretty Photo[/url]
[url="http://nyromodal.nyrodev.com/"]Nyromodal[/url]
Segue abaixo alguns para voce dar uma olhada. Em caso de dúvida, posta ae.
[url="http://www.ajaxdaddy.com/demo-jquery-thickbox.html"]ThickBox[/url]
[url="http://leandrovieira.com/projects/jquery/lightbox/"]LightBox[/url]
[url="http://fancybox.net/"]Fancybox[/url]
[url="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/"]Pretty Photo[/url]
[url="http://nyromodal.nyrodev.com/"]Nyromodal[/url]
GOSTEI 0
Tiago
01/10/2012
O método window.open do javascript, poderia te ajudar... E nela ainda é possível definir o tamanho da tela e as propriedades que teriam a sua janela quando fosse chamada pelo evento.
Estrutura:
window.open("URL","NOME_JANELA","CARACTERÍSTICAS")
Exemplo
window.open("http:\\www.devmedia.com.br","devmedia","height=400,weight=400")
Espero ter ajudado
Estrutura:
window.open("URL","NOME_JANELA","CARACTERÍSTICAS")
Exemplo
window.open("http:\\www.devmedia.com.br","devmedia","height=400,weight=400")
Espero ter ajudado
GOSTEI 0
Joel Rodrigues
01/10/2012
E aí, PJava? Algum avanço?
GOSTEI 0