Question

对于错误使用标签感到抱歉，这是我在这里的第一篇帖子，所以我不习惯它的工作方式。我会尝试更具体：

我有几个像这样的对象：

var products = [
{
    "id": 1,
    "name": "Chair",
    "thumbnail": "img/products/1.jpg"
}, 

{
    "id": 2,
    "name": "Car",
    "thumbnail": "img/products/2.jpg"
}

然后我将它们写入一个名为＆＃34;对象＆＃34;：

的div

document.getElementById("objects").innerHTML =

    '<div class="item">' + 
    '<a id="fade" href="#">' + '<img src=' + products[0].thumbnail + ' /></a>' + 
    "<br>" + products[0].name  + '</a>' + '</div>' + 

    '<div class="item">' + 
    '<a id="fade_2" href="#">' + '<img src=' + products[1].thumbnail + ' /></a>' + 
    "<br>" + products[1].name  + '</a>' + '</div>' ;

我想要的是当我点击图像时，图像消失，另一个div可见而不是这样：

$("#fade").click(function(){
 $("#content").fadeOut(400);
   $("#obj_1").fadeIn(400); });

我希望我对我想要实现的目标更加详细。

Answer 1

从我的理解，我认为你的意思是这样的？

http://jsfiddle.net/w7sL4b6y/

我使用列表制作它是因为我没有看到将它们加载到数组中的实用性，除非你想异步加载它们，我也不明白为什么你会这样做。所以，请告诉我这是否是您正在寻找的。

因此，无序列表适用于图库（同时在css中设置图像大小）

  <ul id="gallery">
     <li><a><img></a></li> // One image entry
  </ul>

选择后，它们会出现在眼镜div中

 <div id="spectacle"></div>

（这是根据我的jsfiddle）

JSON创建一个唯一的链接

1 个答案: