数码资讯
用jQuery限制图片大小的一种方法
本文的示例说明jQuery限制图片大小的方式: 在最新的信息网站中,文章的内容可以显示图片,因此有必要限制用户输入的图像显示的大小。 在因特网上找到一段代码。 $(文档)Ready(函数(){) $(# viewnews_body IMG)。每个(函数(){) var宽度= 620; var高度=
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文的示例说明jQuery限制图片大小的方式:
在最新的信息网站中,文章的内容可以显示图片,因此有必要限制用户输入的图像显示的大小。
在因特网上找到一段代码。
$(文档)Ready(函数(){)
$(# viewnews_body IMG)。每个(函数(){)
var宽度= 620;
var高度= 600;
var = $(this);
如果(image.width()> image.height()){
如果(image.width()>宽度){
Image.width(宽);
image.height(宽/ image.width image.height()*());
}
其他{ }
如果(image.height()>高度){
image.height(高度);
Image.width(高/ image.height image.width()*());
}
}
});
});
该方法操作效果不稳定,不加载时间图像,将首先执行。
因此,它适用于所有需要有限大小的图片来绑定负载事件,这样我们可以在每次加载图片之后分别执行有限大小的代码:
$(文档)Ready(函数(){)
$(# viewnews_body IMG)Bind(负荷。
var宽度= 620;
var高度= 600;
var = $(this);
如果(image.width()> image.height()){
如果(image.width()>宽度){
Image.width(宽);
image.height(宽/ image.width image.height()*());
}
其他{ }
如果(image.height()>高度){
image.height(高度);
Image.width(高/ image.height image.width()*());
}
}
});
});
关于jQuery相关内容的更多读者感兴趣的读者可以看到这个特殊的站点:
希望本文能对jQuery程序设计有所帮助。
在最新的信息网站中,文章的内容可以显示图片,因此有必要限制用户输入的图像显示的大小。
在因特网上找到一段代码。
$(文档)Ready(函数(){)
$(# viewnews_body IMG)。每个(函数(){)
var宽度= 620;
var高度= 600;
var = $(this);
如果(image.width()> image.height()){
如果(image.width()>宽度){
Image.width(宽);
image.height(宽/ image.width image.height()*());
}
其他{ }
如果(image.height()>高度){
image.height(高度);
Image.width(高/ image.height image.width()*());
}
}
});
});
该方法操作效果不稳定,不加载时间图像,将首先执行。
因此,它适用于所有需要有限大小的图片来绑定负载事件,这样我们可以在每次加载图片之后分别执行有限大小的代码:
$(文档)Ready(函数(){)
$(# viewnews_body IMG)Bind(负荷。
var宽度= 620;
var高度= 600;
var = $(this);
如果(image.width()> image.height()){
如果(image.width()>宽度){
Image.width(宽);
image.height(宽/ image.width image.height()*());
}
其他{ }
如果(image.height()>高度){
image.height(高度);
Image.width(高/ image.height image.width()*());
}
}
});
});
关于jQuery相关内容的更多读者感兴趣的读者可以看到这个特殊的站点:
希望本文能对jQuery程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。