无法调整skydrive API返回的图片大小

时间:2013-04-23 19:48:09

标签: javascript css api

嗨,大家晚上,

我在处理API返回的个人资料图片的大小时遇到​​问题。我试图通过CSS更改它,或者将它们添加到正文中的div容器中,或者将宽度和高度附加到API请求的返回值。但是图片的大小仍然是一样的。 任何人指出我做错了什么?

这是我用过的代码

CSS部分(显示属性有效但宽度和高度不起作用):

#meImg{width:12px; height:15px; display:inline; }

使用Javascript:

<body><div id="meImg" style="width:12px; height:15px;"></div> </body>

<script src="//js.live.net/v5.0/wl.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript">
 function displayMe() {
    var imgHolder = id("meImg");
 WL.api({ path: "me/picture", method: "get" }).then(
function (response) {
   if (response.location) {
          imgHolder.innerHTML = "<img src='" + response.location + "' /> ";
       }
 }
);
 }
 </script>

1 个答案:

答案 0 :(得分:1)

您应该在width代码上设置height<img>,而不是<div>

编辑:OP似乎是在帖子中添加javascript,这可能会改变一些事情。

编辑2:好的,看起来我开始时是正确的。如果您想使用CSS设置图片样式,则需要直接使用<img>标记,而不是包含<div>。在id标记中添加class<img>,然后在其上调用CSS。