Jquery 图像大小调整无法正常工作
所以我有这个功能,当人们点击某个链接时,它可以调整一些用ajax加载的大尺寸图像的大小。所以基本上我有一个侧栏,上面有一个用户列表,一旦你点击屏幕右侧的一个用户,你就会得到关于他的所有信息,图片的大小应该按比例调整到250宽。在我的例子中,有时当它加载的高度不正确时,它会比它应该的低很多,当我再次单击用户(再次加载)时,它会以正确的高度加载 这是我调整大小的功能Jquery 图像大小调整无法正常工作,jquery,Jquery,所以我有这个功能,当人们点击某个链接时,它可以调整一些用ajax加载的大尺寸图像的大小。所以基本上我有一个侧栏,上面有一个用户列表,一旦你点击屏幕右侧的一个用户,你就会得到关于他的所有信息,图片的大小应该按比例调整到250宽。在我的例子中,有时当它加载的高度不正确时,它会比它应该的低很多,当我再次单击用户(再次加载)时,它会以正确的高度加载 这是我调整大小的功能 function resizeImage() { $(function() {
function resizeImage()
{
$(function() {
var max_size = 250;
$(".asd img").each(function() {
if ($(this).height() > $(this).width()) {
var h = max_size;
var w = Math.ceil($(this).width() / $(this).height() * max_size);
}
else {
var w = max_size;
var h = Math.ceil($(this).height() / $(this).width() * max_size);
}
$(this).css({'height': h, 'width': w});
});
});
}
我在调用来自ajax的内容后调用此函数
$(document).on('click', '.search-resultb', function(e) {
$('.tab-content').html('<img style="margin:200px 0px 0px 330px;" src="img/ajax-loader.gif"><br> <span style="margin:200px 0px 0px 320px;">Ucitavanje...</span>');
$.post("search.php", {
mode: 2,
id: $(this).attr("data-plan-id"),
postPlan: $(this).text(),
postUser_level: <?php echo $ks->user_level ?>
}, function(response) {
$('#pregled').html(response);
resizeImage();
});
});
$(文档)。在('单击','上。搜索结果B',函数(e){
$('.tab content').html('
Ucitavanje…');
$.post(“search.php”{
方式:2,
id:$(this.attr(“数据计划id”),
后计划:$(this).text(),
姿势水平:
},功能(回应){
$('#pregled').html(回复);
调整图像大小();
});
});
如果我没有解释什么,请问我真的需要帮助。我相信你可以通过添加
max width:250px编码>到图像的CSS,或者干脆宽度:250px代码>。不需要js…如果你有一个图像标签,并指定宽度为“250”,高度将自动缩放以匹配比例,就像Ted建议的那样。您可以使用jQuery添加样式属性,或者直接在图像标签上设置宽度,我不知道这会按比例调整图像大小。谢谢你们。