masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

WBOY
Lepaskan： 2016-05-16 17:25:57
asal
1323 orang telah melayarinya

JS获取图片实际宽高，以及根据图片大小进行自适应

复制代码 代码如下:

JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

复制代码 代码如下:

function adapt(){
var tableWidth = $("#imgTable").width(); //表格宽度
var img = new Image();
img.src =$('#imgs').attr("src") ;
var imgWidth = img.width; //图片实际宽度
if(imgWidth$('#imgs').attr("style","width: auto");
}else{
$('#imgs').attr("style","width: 100%");
}
}

另可设置CSS样式：
复制代码 代码如下:


Label berkaitan：
图片实际宽高 图片大小自适应
sumber：php.cn
Artikel sebelumnya：使用javascript创建快捷方式的简单实例_javascript技巧 Artikel seterusnya：jquery��getʵ��ajax��ie����ˢ�²������̨�������_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
Saya menghadapi masalah dengan grid CSS yang ketinggiannya tidak seperti yang saya jangkakan, apakah kesilapan yang mungkin saya lakukan? Saya sedang belajar grid CSS dan diminta untuk membuat kad ini dengan memecahkannya kepada...
daripada 2024-04-06 12:52:14
0
1
339
Vanilla JS setTimeout(): Mengenal pasti tingkah laku yang salah Saya mempunyai animasi pada menu hamburger saya yang ditulis dalam HTML, CSS dan JavaScrip...
daripada 2024-04-02 20:44:40
0
1
284
flex css - elemen klip selepas ketinggian tertentu dan bukannya pembalut Sempadan mewakili ketinggian dan lebar statik. Saya mahu item 5 dan 6 kekal di baris kedua...
daripada 2024-04-01 14:02:02
0
1
396
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