ライトボックスは常に同じタイトルを表示します

Question

私は先週少し似たような質問をしました。ここをクリックしてくださいLightbox only show's first image

ここでは、すべての画像のライトボックスにある画像の単一のタイトルのみを示しています。私は同じようなものを推測しますが、私はそれを理解できません。最後のイメージから与えられた説明を使用します。ここで

See it over here

私のコードは私がまた私の前の質問のためにパットが、私はそれを解決得ることができません$ childIndexにについてその思い

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

です。タグで

は

誰かが私を助けることができるのecho'dする必要があるテキストのですか？ ありがとうございます！問題は、タイトルに関する情報を格納するタグは、ループの外であることである

乾杯

Answer 1

ボーイ、

。

この問題を解決するには、すべてのコード構造を変更する必要があると思います。たとえば、ループ内のエコーで静的なhtmlを使用します。