Jquery 如何在Fancybox中为没有链接的图像设置组？

目前，我使用此代码将Fancybox应用于一组未由标记包装的图像

：

现在我想将所有以这种方式添加的图像添加到同一组中

我试过：

$("img[alt=lightbox]").each(function(){
   $(this).attr("data-fancybox-group", "gallery");
   $(this).fancybox({ href : $(this).attr('src') });
});

---

如果运气不好，你有什么建议吗

根据花式盒子：

注意-库是从具有相同“rel”标记的图元创建的，例如：

看看这一页的底部

因此，请尝试设置rel：

$("img[alt=lightbox]").each(function(){
  $(this).attr("rel", "gallery");
  $(this).fancybox({ href : $(this).attr('src') });
});

---

根据fancy box：

注意-库是从具有相同“rel”标记的图元创建的，例如：

看看这一页的底部

因此，请尝试设置rel：

$("img[alt=lightbox]").each(function(){
  $(this).attr("rel", "gallery");
  $(this).fancybox({ href : $(this).attr('src') });
});

---

这个问题的答案是为fancybox v1.3.4编写的

相同的解决方案同样适用于fancybox v2.x，但是请记住，fancybox v2.x API选项是新的，与以前的版本不兼容。。。因此，实际上您必须升级API选项，使其与v2.x一起工作

以下是v2.x更新：

基本html：

 <div id="myContainer">
  <img src="images/01t.jpg" data-href="images/01.jpg" alt=""  />
  <img src="images/02t.jpg" data-href="images/02.jpg" alt=""  />
  <img src="images/03t.jpg" data-href="images/03.jpg" alt=""  />
  <img src="images/04t.jpg" data-href="images/04.jpg" alt=""  />
  <img src="images/05t.jpg" data-href="images/05.jpg" alt=""  />
 </div>

---

当然，这里是

这个问题的答案是为fancybox v1.3.4编写的

相同的解决方案同样适用于fancybox v2.x，但是请记住，fancybox v2.x API选项是新的，与以前的版本不兼容。。。因此，实际上您必须升级API选项，使其与v2.x一起工作

以下是v2.x更新：

基本html：

 <div id="myContainer">
  <img src="images/01t.jpg" data-href="images/01.jpg" alt=""  />
  <img src="images/02t.jpg" data-href="images/02.jpg" alt=""  />
  <img src="images/03t.jpg" data-href="images/03.jpg" alt=""  />
  <img src="images/04t.jpg" data-href="images/04.jpg" alt=""  />
  <img src="images/05t.jpg" data-href="images/05.jpg" alt=""  />
 </div>

---

---

当然，这里是Fancybox数据的

，Fancybox group和rel是一样的。我尝试了你的建议，但运气不好。对不起，我认为这可能会有所帮助。对于Fancybox数据，Fancybox group和rel是一样的。我尝试了你的建议，但运气不好。抱歉，我认为这可能会有所帮助。答案的可能副本包括一个DemoHanks，但这似乎不适用于Fancybox 2。嗯，它确实有效。。。请看我的答案答案可能的答案副本包括一个demohanks，但这似乎不适用于Fancybox 2。嗯，它确实有效。。。请参阅我的回答谢谢，但这会使用不同的箭头添加不同的导航方法。如果你是一个开发者，我想你会发现用一些cssI来定制它并不困难。我不想攻击fancybox，所以我问你是否有办法手动设置“下一个”和“上一个”链接。我在文档中看到，有一个更改它（tpl）选项和一个强制箭头可见的选项，但箭头根本不可见。你不会入侵fancybox，你会添加你自己的css。检查v1.3.4的示例。。。它将fancybox图标与自定义cssanyway一起使用，我们已经对fancybox进行了黑客攻击，因为它与锚定一起使用，而不是与

img

标记一起使用。。。这不是一个标准的解决方案，而是一个定制的解决方案。谢谢，但这将使用不同的箭头添加不同的导航方法。如果你是一个开发者，我想你会发现用一些cssI来定制它并不困难。我不想攻击fancybox，所以我问你是否有办法手动设置“下一个”和“上一个”链接。我在文档中看到，有一个更改它（tpl）选项和一个强制箭头可见的选项，但箭头根本不可见。你不会入侵fancybox，你会添加你自己的css。检查v1.3.4的示例。。。它将fancybox图标与自定义cssanyway一起使用，我们已经对fancybox进行了黑客攻击，因为它与锚定一起使用，而不是与

img

标记一起使用。。。这不是一个标准，而是一个定制的解决方案