Description/title 未打开的 fancybox 图片下方
Description/title below unopened fancybox images
我有一个 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>
如果我尝试在每张图片下方添加一个段落或其他内容,它会强制下一张图片换行。
欢迎您的帮助,谢谢
请详细说明相关的代码示例,如果可能的话,请提供一个 jsfiddle 来说明您到底想要什么。
编辑:请参阅此 link,因为它提供了一个简单的解决方案 How to write a caption under an image?
在您的情况下,只需尝试将每个图像包含在 div 中,并将 'float' css 属性 设置为 'left'
<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 画廊,我想在每张图片下方添加一个名称作为描述,然后再打开。出于某种原因,我无法弄清楚这一点。 我的代码:
<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>
如果我尝试在每张图片下方添加一个段落或其他内容,它会强制下一张图片换行。
欢迎您的帮助,谢谢
请详细说明相关的代码示例,如果可能的话,请提供一个 jsfiddle 来说明您到底想要什么。
编辑:请参阅此 link,因为它提供了一个简单的解决方案 How to write a caption under an image?
在您的情况下,只需尝试将每个图像包含在 div 中,并将 'float' css 属性 设置为 'left'
<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;
}
希望对您有所帮助