2017-07-02 21 views
0

上周我问了一个类似的问题。你可以在这里看到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这也是我的推杆为我的前一个问题,但我不能把它解决。

在标签是有文字要回显的

有人能帮助我吗? 在此先感谢!

干杯

+0

@ chris85谢谢你的反应。页面是这样构建的首页> schilderijen>作品。它必须弹出它的样子,并且它与childIndex一起工作,Nikhil Nanjappa如何在其他主题中推荐我。我如何使用它作为标识符? – YouGo

+1

因为你在'style'块中输出的是你在最后一次迭代之后得到的结果。 –

+1

所以,你必须找到另一种方式来添加这个标题,而不是':after'样式。 –

回答

1

花花公子,

的问题是,存储关于标题的信息的标签是圈外的。

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