0

ページに表示される画像の配列があり、問題が発生しているのは、サムネイルから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;

どんな助けでも大歓迎です。ありがとう！

4

1 に答える 1

0

私はあなたを正しく理解していますか？ユーザーに画像をクリックしてもらいたいのですが、同じ画像のより大きなバージョンがポップアップウィンドウに表示されるはずですか?

window.open() を見てください: http://w3schools.com/jsref/met_win_open.asp http://your.domain のように、ポップアップの URL として画像 - ファイルの絶対パスを指定する必要があります。 .com/images/kitchenHouseSale.jpg .

次に、次のように onclick-handler を img-tag に追加できます。

<img src='" + imgFolder + cover[i] + "' width='108'    height='159' onclick="window.open('http://your.domain.com + this.src)" />
于 2012-11-05T19:39:56.387 に答える