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


Moderador: web

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

Mudar largura e altura de imagem com jQuery

06-03-2011 13:12

Esse script faz o seguinte:

Ele verificar a largura ou altura das imagens que estão dentro de uma div. Se a largura ou altura for maior que uma pré-definida. O tamanho da imagem é alterado.

O JavaScript comentado abaixo

<script src="jquery.js"></script>   <script type="text/javascript"> $(document).ready(function() {   // pegando a largura da imagem var largura = $(".div img").width(); // pegando a altura da imagem   var altura = $(".div img").height();   // se a largura for maior que 200px if(largura > 200) {   // reduz a largura e altura da imagem $(".div img").css('width' , '100px'); $(".div img").css('height' , '100px'); }   }); </script>

HTML

<div class="div"> <img src="figura1.jpg"> <img src="figura2.jpg"> </div>

2
A melhor hospedagem para o seu site HostGator!

Quem está online

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