jquery - 在上一个/下一个图库中使用 jquery 从数组更改 URL

Question

我有一个非常简单的上一张/下一张照片库，我还想更改每张照片的 URL，这是指向更大图像的灯箱链接。

var img = [
  "images/railing.jpg",
  "images/stairwell.jpg",
  "images/sunset_railing.jpg",
  "images/sunset_house.jpg"
];

img.current = 0;
function showImage(i) {
  $("#imag").fadeOut( function() {
    this.src = img[img.current];
    $(this).fadeIn();
  });
}

function NextImage() {
  img.current = (img.current+1) % img.length;
  showImage(img.current);
}

function PreviousImage() {
  if (--img.current < 0)
    img.current = img.length - 1;
  showImage(img.current);
}

onload = function() {
  showImage(0);
};

这在页面上使用 NextImage 和 PreviousImage 函数调用按钮，它可以漂亮地更改图像：

<a href="images/railing_detail.jpg" rel="lightbox">
  <img src="images/railing.jpg" alt="railing" name="BlackImage" 
       border="0" id="imag" />
</a>

我还希望能够同时更改链接的 href 值，并且无法找到解决此问题的最佳方法。

Answer 1

使用 { } 表示法而不是 [ ] 创建 img 数组的映射，例如

var img = {
  "images/railing.jpg" : "link",
  "images/stairwell.jpg" : "link",
  .. etc
};

回复您的第一条评论，如果img+link必须分配给索引，您可以尝试

var img = [
  {"images/railing.jpg" : "link"},
  {"images/stairwell.jpg" : "link"},
  .. etc
];

或者

var img = [
  ["images/railing.jpg","link"],
  ["images/stairwell.jpg", "link"],
  .. etc
];

img[0][0]是"images/railing.jpg"，img[0][1]是链接到"images/railing.jpg"

用你喜欢的