Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我需要创建一个简单的图像库链接数组_Javascript_Arrays_Image_Gallery - Fatal编程技术网

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

Javascript 我需要创建一个简单的图像库链接数组,javascript,arrays,image,gallery,Javascript,Arrays,Image,Gallery,我制作了一个绘画作品组合的网站 单击缩略图并显示同一图像的中等大小的照片时 我以数组的形式完成了这项工作,这非常简单 我还添加了每个图像的信息,如标题和大小,同样作为一个数组 我想添加一个链接到每个图像,将打开一个新的窗口,这将允许用户查看更详细的更大的图像,如果他们希望这样做。类似灯箱的东西,屏幕会变灰 我似乎无法传递到数组的链接,我确信这是一个简单的错误。有人能给我们一些建议吗。使用Javascript对象表示法。JSON。(或者只是JS对象) 使用对象数组而不是字符串数组 这是冗长的方式:

我制作了一个绘画作品组合的网站

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

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

我还添加了每个图像的信息,如标题和大小,同样作为一个数组

我想添加一个链接到每个图像,将打开一个新的窗口,这将允许用户查看更详细的更大的图像,如果他们希望这样做。类似灯箱的东西,屏幕会变灰


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

使用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()等


在前面的例子中,我想您可以省去第一个对象括号{},而只使用mypaints=[…]。JSON是对象文字表示法的子集,JSON要求键名引用。通常,这种表示法可以说是键/值对

这与Java有什么关系?正在将标记更改为JS。谢谢,我将立即查找JSON。我意识到我所做的是冗长的,我在这里不是很熟练。那么如何使用onclick命令调用数组呢?顺便说一句,我喜欢你的画,我想在我检查JSON之前我会看得更清楚。我也画了很多画。
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"
         }
     ]
}