2013-04-23 70 views
1

喜晚上給大家,不能調整通過SkyDrive的API

我有處理個人資料相片其返回的API的大小問題返回圖片。我試圖通過CSS來更改它,或者將它們添加到正文中的div容器中,或者將寬度和高度附加到API請求的返回值。但照片的大小仍然保持不變。 有人指責我做錯了什麼?

這是我用

CSS部分(display屬性的作品,但寬度和高度不)代碼:

#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> 
+0

所有顯示爲您的JavaScript是''。並沒有CSS。 – 2013-04-23 19:49:20

+0

成分我會修復它 – meks 2013-04-23 19:50:39

+0

好的,我現在看到它。然而,你稱之爲Javascript的是HTML。 – 2013-04-23 19:52:34

回答

1

您應該設置<img>標記上的widthheight,而不是<div>

編輯:OP似乎是加入JavaScript的帖子,這可能會改變的事情。編輯2:好吧,它看起來像我是正確的開始。如果您想要使用CSS設計圖片的樣式,則需要直接調用<img>標籤,而不是包含<div>。將idclass添加到<img>標記,然後調用CSS。

+0

我試圖在API回滾中追加這些內容。但事情是它只是將它作爲文本返回 – meks 2013-04-23 20:04:08

+0

我這樣做'imgHolder.innerHTML =「」;' – meks 2013-04-23 20:05:17

+1

那麼,語法有壞,因爲你沒有'12'後面的撇號。無論如何,你不應該使用屬性的高度和寬度。 – 2013-04-23 20:16:22