0

我已经实现了一个相册，它在网页中显示了一系列图像缩略图（200 像素），但我还希望允许用户通过单击缩略图来显示图片的全尺寸视图。通过隐藏缩略图索引，应在同一页面中显示全尺寸视图。因此，一旦用户关闭全尺寸图像，缩略图索引就会再次显示。我有以下代码从 JSON 文件中读取所有图片并将它们附加到 div#images 并使用 img {height:200px, width:200px} 将 CSS 应用于它们。 

var imageList;
$.getJSON('images.json', function(data) {
    imageList = data;
    for (var i = 0; i < imageList.length; i++) {
        $('<img>').attr({src: imageList[i].img_src, 
                    title: imageList[i].title}).appendTo('#images');    
    }
});

我是 jQuery 的新手，想完成上面的任务，所以任何关于如何做的答案都将不胜感激。先感谢您。

4

2 回答 2

2

请试试这个：

Replace <img> as img.

改变这个，

$('<img>').attr({src: imageList[i].img_src, 
                    title: imageList[i].title}).appendTo('#images');

用这个，

$('img').attr({src: imageList[i].img_src, 
                title: imageList[i].title}).appendTo('#images');
于 2012-10-16T21:05:55.173 回答
1

看看我在这里做什么并对其进行逆向工程以满足您的需求： http: //oregonadventuretours.com/

请注意我只是如何显示和隐藏一个包含更多内容的 div，在你的情况下，它将是更大的照片。

于 2012-10-16T20:52:18.140 回答