0

ここでは Colorbox を使用しています。

セットアップを見ると、1 つのページに複数のグループがあります。それらのグループをそれぞれグループ 1 から 9 として識別しました。しかし、2 番目と 3 番目の項目をクリックすると、作成者のコードに基づいた方法で表示されます。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 に答える