communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JS获取图片实际宽高及根据图片大小进行自适应_javascript技巧

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

WBOY
Libérer： 2016-05-16 17:25:57
original
1322 Les gens l'ont consulté

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


Étiquettes associées：
图片实际宽高 图片大小自适应
source：php.cn
Article précédent：使用javascript创建快捷方式的简单实例_javascript技巧 Article suivant：jquery��getʵ��ajax��ie����ˢ�²������̨�������_jquery_�ű�֮��
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
J'ai des problèmes avec une grille CSS dont la hauteur n'est pas celle à laquelle je m'attendais, quelles erreurs pourrais-je commettre ? J'apprends actuellement les grilles CSS et on m'a demandé de créer cette carte en la décom...
Depuis 2024-04-06 12:52:14
0
1
339
Vanilla JS setTimeout() : identifier un mauvais comportement J'ai une animation sur mon menu hamburger écrite en HTML, CSS et JavaScript vanille. Résul...
Depuis 2024-04-02 20:44:40
0
1
284
flex css - élément de clip après une certaine hauteur au lieu de l'envelopper Les bordures représentent la hauteur et la largeur statiques. Je souhaite que les éléments...
Depuis 2024-04-01 14:02:02
0
1
396
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal