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

【问题标题】：I need to create an array of links for a simple image gallery我需要为一个简单的图片库创建一组链接
【发布时间】：2012-05-16 04:24:18
【问题描述】：

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

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

我以数组的形式做了这个，很简单。

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

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

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

【问题讨论】：

这和Java有什么关系？将标签更改为 JS。

标签： javascript arrays image gallery

【解决方案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 需要为键名加上引号。通常，这种表示法可以说是键/值对。

【讨论】：

谢谢，我会立即查找 JSON。我意识到我在做的是冗长的，我在这里不是很熟练。然后如何使用 onclick 命令调用数组？顺便说一句，我喜欢你的画，我想在检查 JSON 之前我会更好看。我也画了很多画。