【发布时间】:2017-07-02 13:45:55
【问题描述】:
上周我问了一个类似的问题。你可以看这里Lightbox only show's first image
现在它只显示所有图像的灯箱中图像的一个标题。我想它的类型是一样的,但我无法弄清楚。它使用上一张图片中给出的描述。
这是我的代码
<?php include("./header.inc"); ?>
<div id="container">
<div class="grid-sizer"></div>
<?php if($page->numChildren(true)) {
echo "<ul class='project'>";
foreach($page->children as $childIndex => $child) {
if ($child->head_image) {
$image = $child->head_image;
echo "<li class='item'><a href='#' data-featherlight='#mylightbox" . $childIndex . "'><img id='mylightbox" . $childIndex . "' src='{$image->url}' class='image'></a></li>";
}
}
echo "</ul>";}
?>
<style>.featherlight-content:after {
content:"<?php echo nl2br($child->title); ?> <?php echo nl2br($child->image_description); ?> <?php echo $child->formaat; ?>";}
</style>
</div> <!-- END CONTAINER -->
<script src="//code.jquery.com/jquery-latest.js"></script>
<script src="/site/templates/scripts/lightbox/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
我认为是关于 $childIndex 的问题,我也为我之前的问题提出了这个问题,但我无法解决它。
在标签中是必须回显的文本
有人可以帮助我吗? 提前致谢!!
干杯
【问题讨论】:
-
@chris85 感谢您的反应。该页面是这样建立的 主页 > schilderijen > 作品。它必须像它一样弹出,并且它与 childIndex 一起使用 Nikhil Nanjappa 如何在另一个主题中推荐我。除了作为标识符,我还能如何使用它?
-
因为你在
style块中输出的是你在最后一次迭代后得到的。 -
所以,你必须找到另一种方法来添加这个标题,而不是
:after样式。 -
@u_mulder 感谢您的反应。 Dangit:p,我终于通过这种方式得到了它。是否有另一种选择如何在没有 :after 的情况下获得它?
-
嗯,我认为@u_mulder 在那里。我认为标题是从
title属性构建的,但我在这里没有看到...然后这似乎是lightbox的更新版本。 (删除之前的cmets,因为不相关,数组不关联)
标签: php lightbox featherlight.js