Javascript（onclick）從圖像陣列彈出更大的圖像窗口

我有一個圖像數組填充頁面，我有麻煩的是想出一種方法來創建一個縮略圖ONCLICK彈出圖像窗口（但彈出窗口需要有一個更大尺寸的圖像）：Javascript（onclick）從圖像陣列彈出更大的圖像窗口

這裏是js代碼：

var str = "<table>"; 
var imgFolder = "images/"; 

var cover = new Array(); 
    cover[0] = "kitchenHouseSale.jpg"; 
    cover[1] = "eatLive.jpg"; 
    cover[2] = "loveAnthonySale.jpg"; 


var coverone = new Array(); 
    coverone[0] = "casualVacancy.jpg"; 
    coverone[1] = "quiet.jpg"; 
    coverone[2] = "whirlAway.jpg"; 

var covertwo = new Array(); 
    covertwo[0] = "everyLastSale.jpg"; 
    covertwo[1] = "neilYoung.jpg"; 
    covertwo[2] = "soupSisters.jpg"; 

var title = new Array(); 
    title[0] = "The Kitchen House"; 
    title[1] = "Eat to Live"; 
    title[2] = "Love Anthony"; 

for (var i = 0; i < cover.length; i++) 
{ 
    str += "<tr><td colspan='2'><h2>" + category[i] + "</h2></td></tr>"; 
    str += "<tr><td class='basket'><img src='" + imgFolder + cover[i] + "' width='108' height='159'> 
} 

str += "</table>"; 
var elem = document.getElementById("table"); 
elem.innerHTML = str;

任何幫助表示讚賞。謝謝！

來源

2012-11-05 E C

我能幫到你嗎？你想讓用戶點擊一個圖像，同一圖像的更大版本應該出現在彈出式窗口中？

查看window.open（）然後：http://w3schools.com/jsref/met_win_open.asp 您必須指定圖像文件的絕對路徑作爲彈出窗口的URL，如http://your.domain.com/images/kitchenHouseSale.jpg。

可以再加入一個onclick處理程序的IMG標籤，像這樣：

<img src='" + imgFolder + cover[i] + "' width='108' height='159' onclick="window.open('http://your.domain.com + this.src)" />

來源

2012-11-05 19:39:56 Rob

感謝羅布，它爲第一形象，但因爲我有他們在數組作爲掩護，coverone分組， covertwo，代碼不適用於每個圖像（在封面數組下和coverone數組下面等）。無論如何去解決它？不知道這是否清楚。謝謝！！ –

Javascript（onclick）從圖像陣列彈出更大的圖像窗口

回答

相關問題