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

时间:2012-05-07 16:45:34

标签: javascript arrays image gallery

我已经建立了一个绘画组合的网站。

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

我是以数组的形式完成的,这非常简单。

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

我想添加一个链接到每个图像,这将打开一个新窗口,如果他们愿意,可以让用户查看更详细的大图像。像灯箱那样屏幕灰白的东西。

我似乎无法传递数组的链接,我确信这是一个简单的错误。有人可以给我们一些建议。

1 个答案:

答案 0 :(得分:2)

使用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需要引用键名。通常,这种表示法可以说是键/值对。