1つのページに複数のライトボックスがあります

Question

私は犬育種会社のために1ページのウェブサイトを作っています。私には6匹の犬がいて、各犬には4枚の写真があります。私は6つの異なるライトボックスを持っていたい、各犬ごとにそれぞれ。 Here is a screenshot.

私はHTMLとCSSとはかなりfamilliarだけど、ではない、非常にjqueryのか、JavaScriptを使用してますので、グループ名を追加することができます:)

Answer 1

助けてください：<a href='#' rel='group1'>...</a>

をあなたは、グループ名を追加することができます各リンクに長い間、グープは同じ名前を持ち、ライトボックスはそれを1つのグループとして見ます。例：

<div class='dog1'> 
<a href='#' rel='group1'>...</a> 
<a href='#' rel='group1'>...</a> 
<a href='#' rel='group1'>...</a> 
</div> 

<div class='dog2'> 
<a href='#' rel='group2'>...</a> 
<a href='#' rel='group2'>...</a> 
<a href='#' rel='group2'>...</a> 
</div>