Question

我有这个js代码

window.addEvent("domready", function () {
  var maxLength = 700;
  var counterFluid = 1;
  var wallFluid = new Wall("wall", {
    "width":180,
    "height":180,
    "rangex":[-14,21],
    "rangey":[-8,12],
    callOnUpdate: function (items) {
      items.each(function (e, i) {
        var a = new Element("img[src=images/"+counterFluid+".jpg]");
        counterFluid++;
        if( counterFluid > maxLength ) counterFluid = 1;
      });
    }
  });
  wallFluid.initWall();
});

这导致在阵列中显示图像。现在我想添加图像链接，以便在单击图像时打开一个新页面。

我试过这段代码

a.onclick = function () {
  window.location.href = '/"+counterFluid+".html';
};

新页面正在打开，但网址只显示为/“+ counterFluid +”。html

我知道这不对。请帮助。每张图片的网址都不同，所以尝试使用+ counterFluid +

谢谢

Answer 1

window.location.href = "/" + counterFluid + ".html";

只用“。

尝试这样

Answer 2

您可以使用图片的id属性来存储'counterFluid'var，如下所示：

var img = document.createElement('img');
img.setAttribute('id', counterFluid);
img.setAttribute('src', 'images/' + counterFluid + '.jpg');
img.onclick = function() {
    window.location.href = '/' + this.id + '.html';
}

图像链接到JS中的外部页面

2 个答案: