한 페이지에 여러 개의 라이트 박스가 있음

Question

나는 강아지 사육 회사를위한 onepage 웹 사이트를 만들고 있습니다. 나는 개가 각각 4 장씩 6 마리씩있다. 각 6 마리의 다른 라이트 박스를 갖고 싶습니다. Here is a screenshot.

나는 HTML과 CSS와 매우 familliar 해요,하지만 꽤 JQuery와 또는 자바 스크립트로 이렇게 도와주세요 :)

Answer 1

당신은 그룹 이름을 추가 할 수 있습니다 <a href='#' rel='group1'>...</a>

당신은 그룹 이름을 추가 할 수 각 링크에. 오랫동안 goup이 같은 이름을 가진 라이트 박스는 하나의 그룹으로 볼 것입니다. 예 :

<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>