Por lo general, podemos usar el objeto de imágenes para juzgar el tamaño de las imágenes JS, y luego usar ATTR para obtener la dirección de imagen y luego hacer juicios . Veamos algunos ejemplos a continuación.
La forma más fácil:
La copia del código es la siguiente:
var img = nueva imagen ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('ancho', '240');
}
En el ejemplo anterior, si la página no se ha cargado, entonces JS no puede obtener el tamaño de la imagen. En este caso, primero podemos determinar si la carga se completa y luego juzgar el tamaño de la imagen.
La copia del código es la siguiente:
<img id = "img2" src = "imágenes /1.jpg" />
<script language = "javaScript">
document.getElementById ("img2"). onload = function () {
alerta ("Carga de imagen completa");
}
</script>
O usar jQuery:
La copia del código es la siguiente:
$ ("#imageID"). Load (function () {
alerta ("¡Carga completa!");
});
Hasta ahora podemos optimizar el código
La copia del código es la siguiente:
$ ("#tlogo"). Load (function () {
var img = nueva imagen ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('ancho', '240');
}
});
Nota aquí: #Tlogo es una ID agregada a su dirección de imagen. Esto es imprescindible.