ホームページ >ウェブフロントエンド >jsチュートリアル >指定した領域の画像を自動的に縮小する js コード (画像によってページが壊れるのを防ぐため)_javascript スキル

指定した領域の画像を自動的に縮小する js コード (画像によってページが壊れるのを防ぐため)_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:58:521182ブラウズ

コードをコピー コードは次のとおりです。

< img height= "800" alt="" width="1280" src="/down/js/images/12498880470.jpg" />




指定された領域内の画像のサイズを制御することを意味します。または一部の大きな広告も表示されます。画像も歪みます。

スクリプト ハウスで使用される画像制御コード:

コードをコピー コード次のように:

function controlImg(ele,w,h){
var c=ele.getElementsByTagName("img");
for(var i=0;i var w0=c[i].clientWidth,h0=c[i].clientHeight;
var t1=w0/w,t2=h0/h;
if(t1> ; 1||t2>1||w0>=600){
c[i].width=Math.floor(w0/(t1>t2?t1:t2));
c[i]。 height =Math.floor(h0/(t1>t2?t1:t2));
if(document.all){
c[i].outerHTML='' c[i].outerHTML ''
}
else{
c[i ] .title="新しいウィンドウで画像を開く";




eleは指定した領域、wは最大幅で、これより大きい場合は縮小されます。 h は最大の高さです。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。