【问题标题】:Lightbox shows always same title灯箱总是显示相同的标题
【发布时间】:2017-07-02 13:45:55
【问题描述】:

上周我问了一个类似的问题。你可以看这里Lightbox only show's first image

现在它只显示所有图像的灯箱中图像的一个标题。我想它的类型是一样的,但我无法弄清楚。它使用上一张图片中给出的描述。

See it over here

这是我的代码

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


【解决方案1】:

伙计们,

问题是存储标题信息的标签不在循环中。

为了解决这个问题,我想说有必要改变所有的代码结构。例如,在循环内的 echo 中使用静态 html。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-04-30
    相关资源
    最近更新 更多