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


Moderador: web

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

Problema ao capturar largura e altura das imagens jQuery

30-06-2014 16:55

Quando tentamos obter width e height de uma imagem no load com jQuery por exemplo, pode ocorrer de a altura e largura da imagem serem carregadas de forma incorreta, por exemplo:

<script src="jquery.js"></script>   <script> $(document).ready(function() {   alert( $('#img').width() );   }); </script>


<img src="casa.jpg" id="img">

Esse problema pode ocorrer porque a imagem ainda não está em cache no navegador.

Para solucionar o problema, podemos usar o load para carregar o evento que capturar o tamanho da imagem só após a mesma estiver sido carregada. Por exemplo:

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#img').load(function() { alert( $('#img').width() ); });   }); </script>


<img src="casa.jpg" id="img">

1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

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