Mehrere Leuchtkästen auf einer Seite

Question

Ich mache eine Onepage-Website für Hundezuchtunternehmen. Ich habe 6 verschiedene Hunde mit 4 Bildern von jedem Hund. Ich möchte 6 verschiedene Leuchtkästen für jeden Hund haben. Here is a screenshot.

Ich bin ganz familliar mit HTML und CSS, aber nicht ganz mit Jquery oder Javascript, so wenden Sie sich bitte helfen :)

Answer 1

Sie können einen Gruppennamen hinzufügen: <a href='#' rel='group1'>...</a>

Sie können den Gruppennamen hinzufügen zu jedem Link. Wenn eine Gruppe den gleichen Namen hat, wird der Leuchtkasten als eine Gruppe angezeigt. Beispiel:

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