html数组放图片,以HTML格式显示数组中的图像

我建议使用模板。

恕我直言，它是一个功能更强大的解决方案，您可以轻松更改模板，将您的数据嵌入到您想要的任何第三方图库/旋转木马中，并且更加清晰。

示例强>

以下是HTML中嵌入模板的示例(您可以将其放在那里以便更好地进行组织)

它依赖于

模仿的MustacheJS

JQuery只是为了通过id获取div(如果你不想在其他任何地方使用JQuery，你可以轻松地删除与DOM的JQuery依赖关系)

hacky .match()部分是提取宽度和高度，如果您可以在GALLERY_JSON中将这两个值作为变量提供，则您不需要这样做。

＆＃13;

＆＃13;

var GALLERY_JSON = {

"size" : "200x200",

"images": [

{

"src" : "http://aws.netclime.net/Images/1.png",

"text" : "This is an image1",

"link" : "http://cnn.com"

},

{

"src" : "http://aws.netclime.net/Images/2.png",

"text" : "This is an image2",

"link" : "http://google.com"

},

{

"src" : "http://aws.netclime.net/Images/3.png",

"text" : "This is an imageN",

"link" : "http://yahoo.com"

}

]

};

var width = GALLERY_JSON.size.match(/^[0-9]+/);

var height = GALLERY_JSON.size.match(/[0-9]+$/);

GALLERY_JSON.width = width;

GALLERY_JSON.height = height;

var template = $('#template').html();

var gallery = Mustache.render(template, GALLERY_JSON);

$('#gallery').html(gallery);＆＃13;

{{#images}}

{{text}}

{{/images}}

＆＃13;＆＃13;＆＃13;