Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

Mapa do site


SimpleUi

Atualizando

Código para Miniaturas Download

? - +
Perfilar imagens de um box
  1. Use a class ui_thumb no box que contém a imagem.
Pronto! Isso é suficiente. Entenda a função:
  1. A função identifica o perfil da imagem do box entre: vertical, quadrado ou horizontal. A partir disso, ela determina qual será o redimensionamento apropriado para cada imagem, se pela largura ou altura do box.
  2. A imagem não precisa ter altura e largura prévias, afinal, ela será redimensionada. O box, por sua vez, deve ter as 2 dimensões informadas, seja por estilo inline, incorporado ou importado. Através dessas informações as imagens serão ajustadas.
Caso queira, você pode customizar a função:
  1. Por padrão, as imagens são centralizadas no box, sejam elas verticais ou horizontais
    • Para alterar esse comportamento, insira o atributo data-thumb-align na imagem ui_thumb e indique "true" para centralizar (padrão), "false" para não centralizar ou "true-vportrait" para que as imagens horizontais continuem centralizadas, mas alinhadas em uma proporção áurea aproximada (golden-ratio) para as imagens verticais, o que pode ser muito útil para retratos.
Customizar


Número de elementos

Exibir miniaturas.

Perfil

Escolha o perfil das imagens:
A 1ª imagem será e Padrão: centralizada (true).
A 2ª imagem será e Padrão: centralizada (true).
A 3ª imagem será e Padrão: centralizada (true).
A 4ª imagem será e Padrão: centralizada (true).
A 5ª imagem será e Padrão: centralizada (true).
A 6ª imagem será e Padrão: centralizada (true).
A 7ª imagem será e Padrão: centralizada (true).
A 8ª imagem será e Padrão: centralizada (true).
A 9ª imagem será e Padrão: centralizada (true).
A 10ª imagem será e Padrão: centralizada (true).
A 11ª imagem será e Padrão: centralizada (true).
Saiba mais
"centralizada" signigica que todas as imagens serão centralizadas, sejam elas verticais ou horizontais. "centralizada (horiz.) e retrato (vert.)" significa que as imagens horizontais continuarão centralizadas, já as verticais serão alinhadas em uma proporção áurea aproximada (golden-ratio), muito útil para retratos.

Box

Escolha quais elementos terão conteúdo:
O 1º box terá px de largura e px de altura
O 2º box terá px de largura e px de altura
O 3º box terá px de largura e px de altura
O 4º box terá px de largura e px de altura
O 5º box terá px de largura e px de altura
O 6º box terá px de largura e px de altura
O 7º box terá px de largura e px de altura
O 8º box terá px de largura e px de altura
O 9º box terá px de largura e px de altura
O 10º box terá px de largura e px de altura
O 11º box terá px de largura e px de altura
Tem certeza que deseja reiniciar todos os valores?

Resultado para Miniaturas