galleria primefaces - manter tamanho imagem
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?
Robson Silva
Curtidas 0
Respostas
Davi Costa
01/02/2012
Não teria como pegar da imagem dinamicamente sua largura e altura?
Talvez essa seja a melhor solução.
att Davi
Talvez essa seja a melhor solução.
att Davi
GOSTEI 0
Robson Silva
01/02/2012
Não teria como pegar da imagem dinamicamente sua largura e altura?
Talvez essa seja a melhor solução.
att Davi
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.
GOSTEI 0
Davi Costa
01/02/2012
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
GOSTEI 0
Dyego Carmo
01/02/2012
Opa !
Conseguiu resolver ?
Se sim , poderia fechar o chamado ?
Valeu !
Conseguiu resolver ?
Se sim , poderia fechar o chamado ?
Valeu !
GOSTEI 0
Leonardo Albuquerque
01/02/2012
Ola amigos, estou com um problema parecido! Estou verificando o tamanho da tela via javascript e mandando para o bean e retornando o tamanho ideal para o componente galeria, po´rem o componente não atualiza!
GOSTEI 0