masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > teks badan

指定区域的图片自动按比例缩小的js代码（防止页面被图片撑破）_javascript技巧

WBOY
Lepaskan： 2016-05-16 16:58:52
asal
1161 orang telah melayarinya

复制代码 代码如下:





意思就是控制指定区域的的图片大小，要不一些大点的广告图片也会变形。

脚本之家用的图片控制代码：

复制代码 代码如下:

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="在新窗口打开图片";
          c[i].onclick=function(e){window.open(this.src)}
           }
           }
    }
 }

ele就是指定的区域，w是最大的宽度，大于这个就会缩小。h是最大的高度。

Label berkaitan：
比例缩小
sumber：php.cn
Artikel sebelumnya：jquery制作居中遮罩层效果分享_jquery Artikel seterusnya：jquery遍历checkbox介绍_jquery
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Titik Scatterplot tidak mengekalkan nilai semasa mengezum masuk d3.js Ini adalah kali pertama saya menggunakan d3.js, jadi harap bersabar. Saya melaksanakannya ...
daripada 2024-04-06 18:16:26
0
1
403
Sempadan bawah CSS pada bar navigasi Saya mempunyai bar navigasi dan saya telah menambah garis merah di bahagian bawah apabila ...
daripada 2024-04-06 15:04:41
0
2
347
React Three Fiber: Mengapa acara skrol saya ketinggalan? Dalam ReactThreeFiber, saya mempunyai komponen React yang menghasilkan sprite yang saya ma...
daripada 2024-04-06 13:39:24
0
1
410
Bolehkah PHPUnit membandingkan dengan ketat dua tatasusunan yang mengandungi objek menggunakan assert equals? Saya mempunyai dua tatasusunan objek. Saya ingin menguji sama ada kedua-dua tatasusunan in...
daripada 2024-04-05 13:35:37
0
1
1382
Kaedah CSS dan HTML untuk mengalihkan perenggan ke kiri pada skrin bersaiz mudah alih Ia kelihatan sempurna pada skrin komputer biasa 16:9, dengan teks di sebelah kiri dan imej...
daripada 2024-04-04 20:25:22
0
1
330
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan