为什么Fancybox仅适用于第一部分图像？

我有一些HTML代码，它显示9个图像与fancybox样式。我复制了标签之间的HTML代码，并为styles.css中的每个重复项添加了一个唯一的ID。为什么Fancybox仅适用于第一部分图像？

但是，重复的部分没有fancybox的工作。

这是每个部分代码的前几行。每个重复的部分只有“工作”是“work1”，“work2”等不同。我假设在这些随附的js文件或fancybox.js或fancybox.css文件中存在另一个属性。但是我浏览了这些文件，发现与HTML和styles.css没有什么共同之处。

<section class="clearfix" id="work" name="work"> 
    <header> 
    <h2>Graphic Design</h2> 
    </header> 
    <ul class="projects list">

的的fancybox必须初始化我想在接下来的几行：

<li><figure><a href="images/pricing_table_3.jpg" rel="work"><img  
    src="images/work_img.jpg" alt="Image" /></a> 
    <figcaption><a href="http://website.com/">Visit Livesite<span>&nbsp;&rarr; 
    </span></a></figcaption> 
    </figure>

我只能改变在代码中的“工作”属性。 work1等

我明白你的意思是将代码添加到每个#work标记，但#work，＃work1等只出现在styles.css中，而其他任何文件中都没有其他地方出现。

我试图插入代码，它似乎并不重要。我认为最根本的问题是，我甚至无法找到fancybox在“工作”块上正在初始化的位置。如果我能找到，我会添加其他人。

我插入的代码在这样上面2个代码例子：

<script type="text/javascript"> 
$("#work2 a").fancybox(); 
</script>

来源

2011-10-19 user723220

你应该更新你的代码示例，以包括你正在谈论的这些链接和图像... –

您需要初始化的fancybox的所有链接（...）的你希望有这种行为的标签。例如：

$("#work a").fancybox(); // initialize fancybox on "work" block 
$("#work1 a").fancybox(); // initialize fancybox on "work1" block 
$("#work2 a").fancybox(); // initialize fancybox on "work2" block

说明：

“#work” 是容器的ID - 你的情况 “一节” 块
“一” 下它（在“$（” #work a“）'函数调用）是链接标记，您将在其上添加FancyBox行为。

来源

2011-10-19 05:21:08

事实后的注释。我发现原因是“rel”标签。将它们全部更改为rel = work。这工作。 – user723220

为什么Fancybox仅适用于第一部分图像？

回答

相关问题