美好的一天。我推斷50塊。以JSON格式從文件接收信息。 我從JSON獲得一張照片的鏈接。我把它給了頁面。我只需點擊一下鼠標就可以更改小尺寸照片上的所有照片。 請告訴我如何一次到處改變鏈接?如何替換數據?
var image = data["info"][i]["img"]["big"];
block += '<img src="' + image + '"/>';
//image - link to photo
美好的一天。我推斷50塊。以JSON格式從文件接收信息。 我從JSON獲得一張照片的鏈接。我把它給了頁面。我只需點擊一下鼠標就可以更改小尺寸照片上的所有照片。 請告訴我如何一次到處改變鏈接?如何替換數據?
var image = data["info"][i]["img"]["big"];
block += '<img src="' + image + '"/>';
//image - link to photo
如果所有圖像都顯示在一個元素中這樣
<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;
每個圖像在一個新的塊。我的代碼codepen.io/zaytsevav/pen/oBQrOm – alex1303
所以,你可以使用再次生成所有塊相同的代碼,只是更換大與小。如果將整段代碼放入一個函數中,您可以將imageSize作爲參數使其更易於使用。 –
這樣做了。在HTML(
對不起,但我很難理解你究竟在問什麼?你是否試圖從(我所假設的)產生一個鏈接是一個由'data ['info] [i] ['img] ['big]'表示的圖像URL? –
是的,我生成了。使用ajax,我拿出必要的數據現在演繹了一大堆更多照片。我有一個過濾器。有一個按鈕可以在頁面的小尺寸上製作圖像。我如何正確處理這個問題?我的代碼https://codepen.io/zaytsevav/pen/oBQrOm – alex1303
JavaScript允許你通過一個字符串('數據[「信息」]')或使用'.'操作符('data.info')讀取性能。如果你使用的是一個不變的屬性名,使用'.'運算符 - ''data.info [i] .img.big'會更清楚。 –