文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery fancybox

问JQuery fancybox
EN

Stack Overflow用户

提问于 2012-12-07 00:25:51

回答 1查看 203关注 0票数 0

我是在韩国学习网页设计的学生。

我有个问题。我在我的个人项目中使用fancybox。

太棒了！！然而，我有一个问题..

主页很简单就是这样构建的

Fancybox图像slide1

Fancybox图像silde2

重要的是slide1和slide2是不相关的。

然而，当我点击slide1的小图像时，fancybox显示了所有的图像，包括slide1和slide2图像。

我只想在“Fancybox image lide1”中显示slide1图像。

请帮帮我！！我附上简短的HTML源代码。谢谢!

<script>
$(document).ready(function() {
       $('.fancybox').fancybox();
});
</script>

<body>
   contents<br>
   <div class="fancybox_image_slide1">
   <a class="fancybox" rel="group" href="1_b.jpg"><img src="1_s.jpg"/></a>
   <a class="fancybox" rel="group" href="2_b.jpg" ><img src="2_s.jpg"/></a>
</div>
contents<br>   
<div class="fancybox_image_slide2" >
   <a class="fancybox" rel="group" href="3_b.jpg"><img src="3_s.jpg" /></a>
   <a class="fancybox" rel="group" href="4_b.jpg" ><img src="4_s.jpg"/></a>
</div>
</body>

jquery

fancybox

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-07 00:31:43

奇特的盒子使用rel属性来处理分组。确保每个组都有匹配的rel属性值。

<script>
$(document).ready(function() {
    $('.fancybox').fancybox();
});
</script>

<body>
contents<br>
<div class="fancybox_image_slide1">
   <a class="fancybox" rel="slide1" href="1_b.jpg"><img src="1_s.jpg"/></a>
   <a class="fancybox" rel="slide1" href="2_b.jpg" ><img src="2_s.jpg"/></a>
</div>
contents<br>   
<div class="fancybox_image_slide2" >
   <a class="fancybox" rel="slide2" href="3_b.jpg"><img src="3_s.jpg" /></a>
   <a class="fancybox" rel="slide2" href="4_b.jpg" ><img src="4_s.jpg"/></a>
</div>
</body>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13748013

复制

相似问题

问JQuery fancybox
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery fancyboxEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JQuery fancybox
EN