Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

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

WBOY
Freigeben： 2016-05-16 17:25:57
Original
1322 Leute haben es durchsucht

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样式：
复制代码 代码如下:


Verwandte Etiketten：
图片实际宽高 图片大小自适应
Quelle：php.cn
Vorheriger Artikel：使用javascript创建快捷方式的简单实例_javascript技巧 Nächster Artikel：jquery��getʵ��ajax��ie����ˢ�²������̨�������_jquery_�ű�֮��
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Ich habe Probleme mit einem CSS-Raster, dessen Höhe nicht meinen Erwartungen entspricht. Welche Fehler könnte ich machen? Ich lerne gerade CSS-Raster und wurde gebeten, diese Karte zu erstellen, indem ich sie in ...
Aus 2024-04-06 12:52:14
0
1
339
Vanilla JS setTimeout(): Falsches Verhalten identifizieren Ich habe eine Animation auf meinem Hamburger-Menü, die in HTML, CSS und Vanilla-JavaScript...
Aus 2024-04-02 20:44:40
0
1
284
Flex CSS – Element nach einer bestimmten Höhe abschneiden, anstatt es zu umbrechen Die Ränder stellen die statische Höhe und Breite dar. Ich möchte, dass Artikel 5 und 6 in ...
Aus 2024-04-01 14:02:02
0
1
396
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage