Lightbox zeigt immer den gleichen Titel

Ich habe letzte Woche eine ähnliche Frage gestellt. Sie können hier sehen Lightbox only show's first image Lightbox zeigt immer den gleichen Titel

Jetzt zeigt es nur den einzigen Titel der Bilder im Leuchtkasten aller Bilder. Ich denke, es ist die gleiche Sache, aber ich kann es nicht herausfinden. Es verwendet die Beschreibung aus dem letzten Bild.

See it over here

Hier ist mein Code

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

Ich denke, es geht um die $ child die ich auch für meine vorherige Frage geputtet, aber ich kann es nicht gelöst bekommen .

In den Tags ist der Text,

Kann mir jemand helfen echo'd werden müssen? Vielen Dank im Voraus !!

Prost

Quelle

2017-07-02 YouGo

@ chris85 Danke für Ihre Reaktion. Die Seite ist so aufgebaut. Startseite> schilderijen> die Arbeiten. Es muss popup wie es tut, und es funktioniert mit dem childIndex, wie Nikhil Nanjappa mich in dem anderen Thema empfohlen hat. Wie kann ich es als eine Kennung verwenden? – YouGo

Weil was Sie im 'style' Block ausgeben, erhalten Sie nach der letzten Iteration. –

Sie müssen also eine andere Möglichkeit finden, diese Untertitel hinzuzufügen, nicht mit ': after' style. –

Dudes,

Das Problem ist, dass der Tag, das die Informationen über den Titel speichert aus der Schleife ist.

Um das Problem zu lösen, würde ich sagen, dass es notwendig ist, die gesamte Code-Struktur zu ändern. Verwenden Sie beispielsweise statisches HTML in einem Echo innerhalb der Schleife.

Quelle

2017-07-02 14:09:45

Lightbox zeigt immer den gleichen Titel

Antwort

Verwandte Themen