javascript - 我需要为一个简单的图片库创建一组链接

Question

我已经建立了一个绘画作品集的网站。

当缩略图被点击并显示同一图像的中等大小的照片时。

我以数组的形式完成了这项工作，这非常简单。

我还为每个图像添加了信息，例如标题和大小，再次作为数组添加。

我想为每个图像添加一个链接，该链接将打开一个新窗口，如果他们愿意，用户可以查看更详细的更大图像。屏幕变灰的灯箱之类的东西。

我似乎无法将链接传递给数组，我确信这是一个简单的错误。有人能给我们一点建议吗。

Answer 1

使用 Javascript 对象表示法。JSON。（或者只是 JS 对象）

使用对象数组代替字符串数组

这是详细的方式：

var myPaintings = new Array();

var painting = new Object();
painting.medium = "images/blah.jpg";
painting.link = "dosomething.html";
painting.caption = "this is a painting";

myPaintings.push( painting );

然后您可以更进一步，使用 json 作为您的数据存储和检索。对于此查找 JSON.stringify() 和 JSON.encode() 或 jquery $.JSON.parseJSON() 等。

var myPaintings = {

     [
         { 
             "medium":"images/blah.jpg",
             "link": "dosomething.html",
             "caption":"this is a painting"

         },
         { 
             "medium":"images/hello.jpg",
             "link": "dosomethingelse.html",
             "caption":"this is a painting also"
         }
     ]
}

在前一种情况下，我想你可以省略第一个对象括号 {}，只使用 myPaintings = [...]。JSON 是对象文字表示法的子集，JSON 需要为键名加上引号。通常，这种表示法可以说是键/值对。