Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17516
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Adicionar estilo a foto dependendo da largura e altura

19-11-2012 18:15

Esse script em jQuery usa a class colocada na imagem para ver se a imagem tem a largura maior que a altura ou a altura maior que a largura. Assim, define qual estilo / class a imagem irá ter.

<script src="jquery.js"></script> <script> $(document).ready(function() {   $('.foto').each(function() { if( $(this).width() > $(this).height() ) { $(this).addClass("foto1"); } if( $(this).height() > $(this).width() ) { $(this).addClass("foto2"); } });   }); </script>


<style> .foto1 {border:5px solid green;} .foto2 {border:5px solid blue;} </style>

Para usar o script, basta que você adicione a class foto as suas imagens.

<img src="" class="foto">

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado