0

我在这里使用 Colorbox 。

如果您查看设置，我在一页上有多个组。我已将他们的组分别确定为第 1 组到第 9 组。但是当我点击第二项和第三项时，它显示它应该基于作者的代码的方式。我希望所有内容都以相同的方式显示 Group1 被识别（这是一个弹性转换）。但是，如果我将所有内容集中在 Group1 下，那么它们都将成为同一个图片库的一部分，我不希望这样。

<h2>OAC Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group1" href="content/ohoopee1.jpg" title="OAC Welcome Page">OAC Welcome Page</a></p>
<p><a class="group1 hidden" href="content/ohoopee2.jpg" title="OAC Page 2">OAC Page 2</a></p>
<p><a class="group1 hidden" href="content/ohoopee3.jpg" title="OAC Page 3">OAC Page 3</a></p>


<h2>FAFSA Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group2" href="content/ohoopee1.jpg" title="FAFSA Welcome Page">FAFSA Welcome Page</a></p>
<p><a class="group2 hidden" href="content/ohoopee2.jpg" title="FAFSA Page 2">FAFSA Page 2</a></p>
<p><a class="group2 hidden" href="content/ohoopee3.jpg" title="FAFSA Page 3">FAFSA Page 3</a></p>

<h2>FAFSA PIN Walkthrough</h2> <!--Elastic Transition-->
<p><a class="group3" href="content/ohoopee1.jpg" title="PIN Welcome Page">PIN Welcome Page</a></p>
<p><a class="group3 hidden" href="content/ohoopee2.jpg" title="PIN Page 2">PIN Page 2</a></p>
<p><a class="group3 hidden" href="content/ohoopee3.jpg" title="PIN Page 3">PIN Page 3</a></p>

我该如何解决？

4

1 回答 1

0

事实证明，代码的标签中有以下代码......

$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2', transition:"fade"});
$(".group3").colorbox({rel:'group3', transition:"none", width:"75%", height:"75%"});
$(".group4").colorbox({rel:'group4', slideshow:true});

我只是删除了第 2、3 和 4 组，并采用第 1 组的命名法并重复它看起来像这样......

$(".group1").colorbox({rel:'group1'});
$(".group2").colorbox({rel:'group2'});
$(".group3").colorbox({rel:'group3'});
$(".group4").colorbox({rel:'group4'});
$(".group5").colorbox({rel:'group5'});
$(".group6").colorbox({rel:'group6'});
$(".group7").colorbox({rel:'group7'});
$(".group8").colorbox({rel:'group8'});
$(".group9").colorbox({rel:'group9'});

...因为我总共有 9 个组。现在一切都很好。

于 2013-06-12T06:14:43.643 回答