Geralmente, podemos usar o objeto de imagens para julgar o tamanho das imagens JS e, em seguida, usar o Att para obter o endereço da imagem e fazer julgamentos . Vamos ver alguns exemplos abaixo.
A maneira mais fácil:
A cópia do código é a seguinte:
var iMg = new Image ();
img.src = $ ('#tlogo'). att ('src');
if (img.width> '240') {
$ ('#tlogo'). Att ('largura', '240');
}
No exemplo acima, se a página não tiver sido carregada, o JS não poderá obter o tamanho da imagem. Nesse caso, podemos primeiro determinar se o carregamento é concluído e depois julgar o tamanho da imagem.
A cópia do código é a seguinte:
<img id = "img2" src = "imagens /1.jpg" />
<Script Language = "JavaScript">
document.getElementById ("img2"). OnLoad = function () {
alerta ("carregamento de imagem concluído");
}
</script>
Ou use jQuery:
A cópia do código é a seguinte:
$ ("#imageId"). Load (function () {
alerta ("Carregando concluído!");
});
Até agora, podemos otimizar o código
A cópia do código é a seguinte:
$ ("#TLOGO"). Load (function () {
var iMg = new Image ();
img.src = $ ('#tlogo'). att ('src');
if (img.width> '240') {
$ ('#tlogo'). Att ('largura', '240');
}
});
Nota aqui: #tlogo é um ID adicionado ao seu endereço de imagem. Isso é uma obrigação.