Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite, tenho uma duvida sobre column-count.
Tenho uma div que possue 4 colunas, e essas colunas contem outra div com imagens, e as imagens vareiam de tamanho, podendo assim dar aquele efeito de layout bagunçado, estilo Pinterest.
/applications/core/interface/imageproxy/imageproxy.php?img=http://c3designweb.com/img_up/1.jpg&key=a683b1c68f56edea1e0d3c0ce9738eabab14e2a4a3c7fa3787320f1d003b3334" alt="1.jpg" />
Uso um plugin js para dar o zoom na imagem, utilizo o fluidbox, porem utilizando o column-count nas div ele me traz isso quando vou ampliar a imagem.
/applications/core/interface/imageproxy/imageproxy.php?img=http://c3designweb.com/img_up/2.jpg&key=6ab6f6dcf1eafc3d12533108a68f9e70bb6dc4e6f554b4af655a44f72c837baf" alt="2.jpg" />
Ele amplia a imagem dentro da coluna em que ela está, e meu objetivo é que ela seja ampliada no centro do site. Algo parecido com isso
/applications/core/interface/imageproxy/imageproxy.php?img=http://c3designweb.com/img_up/3.jpg&key=2960a13038df8c8d5f2671f2cef9b34a4bda0c09ea0a7c5e75296d399cbd93c1" alt="3.jpg" />
Sem a utilização do column-count funciona, porem o layout não fica como quero, meio que "bagunçado". E não conheço outra maneira de fazer isso.
Outras sugestões são bem-vindas também.
Obs: "já tentei utilizar z-index, dar posição absoluta e coisas do tipo, mas não resolve."
Carregando comentários...