Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript jquery调整从服务器加载的图像大小_Javascript_Jquery_Image - Fatal编程技术网

如何使用javascript jquery调整从服务器加载的图像大小

如何使用javascript jquery调整从服务器加载的图像大小,javascript,jquery,image,Javascript,Jquery,Image,下面是我的代码 在代码中,imgurl是从服务器加载图像的图像的URL,但我想调整它的大小,但我无法这样做mname是列表id。我想在列表中显示图像和商品名称,但图像大小非常大 $('#mname').append( '<li>' + '<a href="#">' + '<img src="'+ imgurl +'" >' + '<h4>' + somename.tName +

下面是我的代码

在代码中,
imgurl
是从服务器加载图像的图像的URL,但我想调整它的大小,但我无法这样做
mname
是列表id。我想在列表中显示图像和商品名称,但图像大小非常大

$('#mname').append(
    '<li>' +
        '<a href="#">' +
            '<img src="'+ imgurl +'" >' +
            '<h4>' + somename.tName + '</h4>' +
        '</a>' +
    '</li>'
);
$("#mname").listview("refresh");
$('mname')。追加(
“
  • ”+ '' + “
  • ” ); $(“#mname”).listview(“刷新”);
    可以使用jQuery的
    .width()

    例如:

    $('li img').width(300); 
    

    li
    元素中的所有图像更改为300px宽度。

    是否仅更改图像大小以显示

    只需为


    给图像一个idmyimage

    并使用此代码:

    .myimageclass {
       width:100px;
       height:100px;
    }
    
    .myimageclass {
       width:100px;
       height:100px;
    }
    
    $('#myimage').width(700); // Units are assumed to be pixels
    $('#myimage').height(700);