Autor
Mensagem
Postado em: 1/2/2012 4:45:08 PM
O meu problema é o seguinte:
Tenho dois tamanhos de imagem diferentes para exibir usando o <p:galleria> do primefaces. Uma imagem tem as dimensões width: 395px heigth: 595px. A outra imagem tem as dimensões width: 595px heigt: 395px. Ou seja, uma imagem é vertical e a outra é horizontal.
Quando eu coloco as dimensões panelWidth: 400px panelHeigth: 600px no <p:galleria> a imagem vertical é exibida corretamente, porém a imagem horizontal é cortada.
Quando eu coloco as dimensões panelWidth: 600px panelHeigth: 400px no <p:galleria> a imagem horizontal é exibida corretamente, porém a imagem vertical é cortada.
Então como solução, pensei colocar as dimensões panelWidth: 600px e panelHeigth: 600px, assim caberia completamente as duas imagens. Porém com essas dimensões a imagem vertical é alongada para preencher toda a largura do panel do galleria, além disso ela é alongada proporcionalmente, assim a imagem fica cortada na altura. O mesmo acontece com a imagem horizontal, a imagem é alongada para preencher toda a altura, proporcionalmente, assim a imagem fica cortada na largura.
Então a minha intenção é manter o tamanho original da imagem, sem que ela seja redimensionada no panel do galleria, alguém sabe de algum atributo seja no galleria.css, galleria.js ou outro atributo qualquer que eu tenha que substituir para que a imagem não seja redimensionada?
Tenho dois tamanhos de imagem diferentes para exibir usando o <p:galleria> do primefaces. Uma imagem tem as dimensões width: 395px heigth: 595px. A outra imagem tem as dimensões width: 595px heigt: 395px. Ou seja, uma imagem é vertical e a outra é horizontal.
Quando eu coloco as dimensões panelWidth: 400px panelHeigth: 600px no <p:galleria> a imagem vertical é exibida corretamente, porém a imagem horizontal é cortada.
Quando eu coloco as dimensões panelWidth: 600px panelHeigth: 400px no <p:galleria> a imagem horizontal é exibida corretamente, porém a imagem vertical é cortada.
Então como solução, pensei colocar as dimensões panelWidth: 600px e panelHeigth: 600px, assim caberia completamente as duas imagens. Porém com essas dimensões a imagem vertical é alongada para preencher toda a largura do panel do galleria, além disso ela é alongada proporcionalmente, assim a imagem fica cortada na altura. O mesmo acontece com a imagem horizontal, a imagem é alongada para preencher toda a altura, proporcionalmente, assim a imagem fica cortada na largura.
Então a minha intenção é manter o tamanho original da imagem, sem que ela seja redimensionada no panel do galleria, alguém sabe de algum atributo seja no galleria.css, galleria.js ou outro atributo qualquer que eu tenha que substituir para que a imagem não seja redimensionada?
Postado em: 3/2/2012 6:25:28 PM
Citação:
Não teria como pegar da imagem dinamicamente sua largura e altura?
Talvez essa seja a melhor solução.
att Davi
Não teria como pegar da imagem dinamicamente sua largura e altura?
Talvez essa seja a melhor solução.
att Davi
Não sei como isso seria possível usando o galleria, e mesmo acho que não teria como mudar o tamanho do panel pra cada foto.
Postado em: 5/2/2012 5:10:50 PM
Vc pode sim, vc pode atribuir esses atributos no seu objeto (altura e largura) quando cada objeto desse for recuperado vc vê a imagem e pega suas respectivas altura e largura e no atributo <p:graphicImage> da sua <p:galleria> vc as setas, como quaisquer propriedades do seu bean daquele jeito mesmo.
<p:graphicImage width=#{var.novoAtributoWidth} height=#{var.novoAtributoHeigth} ...
Só que obviamente vc n precisa alterar seu modelo persistindo a altura e largura das imagens no banco, deixa esses atributos transientes.
Espero ter ajudado
att Davi
<p:graphicImage width=#{var.novoAtributoWidth} height=#{var.novoAtributoHeigth} ...
Só que obviamente vc n precisa alterar seu modelo persistindo a altura e largura das imagens no banco, deixa esses atributos transientes.
Espero ter ajudado
att Davi
