一页上有多个灯箱

Question

我正在为狗饲养公司制作一个网页。我有6只不同的狗，每只狗有4张照片。我想拥有6个不同的灯箱，每个灯箱都适合每只狗。 Here is a screenshot.

我非常喜欢使用html和css，但不完全使用jquery或javascript，所以请帮助：）

Answer 1

您可以添加群组名称：<a href='#' rel='group1'>...</a>

您可以将组名添加到每个链接。 Als long 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>