2017-02-12 53 views
1

美好的一天。我推斷50塊。以JSON格式從文件接收信息。 我從JSON獲得一張照片的鏈接。我把它給了頁面。我只需點擊一下鼠標就可以更改小尺寸照片上的所有照片。 請告訴我如何一次到處改變鏈接?如何替換數據?

var image = data["info"][i]["img"]["big"]; 
 
block += '<img src="' + image + '"/>'; 
 
//image - link to photo

+0

對不起,但我很難理解你究竟在問什麼?你是否試圖從(我所假設的)產生一個鏈接是一個由'data ['info] [i] ['img] ['big]'表示的圖像URL? –

+0

是的,我生成了。使用ajax,我拿出必要的數據現在演繹了一大堆更多照片。我有一個過濾器。有一個按鈕可以在頁面的小尺寸上製作圖像。我如何正確處理這個問題?我的代碼https://codepen.io/zaytsevav/pen/oBQrOm – alex1303

+0

JavaScript允許你通過一個字符串('數據[「信息」]')或使用'.'操作符('data.info')讀取性能。如果你使用的是一個不變的屬性名,使用'.'運算符 - ''data.info [i] .img.big'會更清楚。 –

回答

0

如果所有圖像都顯示在一個元素中這樣

<div id="gallery"> 
    <img ... > 
    <img ....> 
    ..... 
</div> 

然後,你可以重新生成div的全部內容:

var str = ""; 
for (var i = 0; i < data["info"].length; i++) { 
    str += '<img src="' + data["info"][i]["img"]["small"] + '"/>'; 
} 
document.findElementById("gallery").innerHTML = str; 
+0

每個圖像在一個新的塊。我的代碼codepen.io/zaytsevav/pen/oBQrOm – alex1303

+0

所以,你可以使用再次生成所有塊相同的代碼,只是更換大與小。如果將整段代碼放入一個函數中,您可以將imageSize作爲參數使其更易於使用。 –

+0

這樣做了。在HTML(

  • picture.medium
  • );在js文件函數函數中imgMedium(index){var_data = results [index]; var imgM =''; 爲(VAR I = 0; I '; } document.findElementById( 「用戶」)的innerHTML = IMGM。 }我得到錯誤:遺漏的類型錯誤:無法未定義 – alex1303