2017-07-02 20 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。