Question

我有一个fancybox图库，我想在每张图片下方添加一个名称作为描述，然后再打开它。出于某种原因，我无法解决这个问题。我的代码：

 <a class="fancybox" href="images/fb1.jpg" data-fancybox-group="gallery"               title="Automated Batching System"><img src="images/fb1_t.jpg" alt="Automated Batching System" class="imgrnd"  /></a>

如果我尝试在每个图像下方添加一个段落或其他内容，则会强制下一个图像为新行。

欢迎您的帮助，谢谢

Answer 1

请详细说明相关的代码示例，如果可能的话，请详细说明jsfiddle以显示您想要的内容。

修改：请参阅此链接，因为它提供了一个简单的解决方案How to write a caption under an image?

在您的情况下，只需尝试将每个图像封装在div中，然后设置＆＃39; float＆＃39; css属性为＆＃39; left＆＃39;

<div>
<a class="fancybox" href="images/fb1.jpg" data-fancybox-group="gallery" title="Automated Batching System">
<figure>
<img src="images/fb1_t.jpg" alt="Automated Batching System" class="imgrnd"/>   
<figcaption>Some title</figcaption>
</figure>
</a>
</div>

<div>
<a class="fancybox" href="images/fb1.jpg" data-fancybox-group="gallery" title="Automated Batching System">

<figure>
<img src="images/fb1_t.jpg" alt="Automated Batching System" class="imgrnd"  />
<figcaption>some Title</figcaption>
</figure></a>
</div>

你的CSS属性：

div
{
float:left;
}

希望这有帮助

未打开的fancybox图像下面的描述/标题

1 个答案: