PHP在单独的代码块中显示动态填充的变量

我有一个php循环，它将一些图像加载到某个滑块上：

<div id="slider" class="flexslider">
<ul class="slides">

foreach($imglist as $image) {

$caption =  // I am populating this variable from the image meta data

echo '<li><img src="'.$img_folder.$image.'">';
}
</ul>
</div>
<div id="caption-block" class="myNewDiv">
<p>
echo $caption;
</p>
</div>

foreach（$imglist作为$image）{
$caption=//我正在从图像元数据填充此变量
回音“
”；
}


回声$字幕；

我还从图像中提取元数据并加载每个元数据。我的问题是，我想将循环所在的外部的标题加载到一个单独的页面上。正如您可能推断的那样，我编写的代码不起作用，因为$caption没有动态加载，因为它不在循环中

---

是否可以使用php动态填充单独div上的$caption？如果是这样，最好的方法是什么？

您可以使用javascript使用Flexslider回调将标题动态注入

#caption块

div。在这种情况下，您可以将标题存储在img标记的数据属性中，然后使用Flexslider before:callback中的自定义函数将其取出。以下是HTML/PHP：

<?php echo '<li><img src="'.$img_folder.$image.'" data-caption="'.$caption.'">'; ?>

---

也许我误解了你，但我想你想把

$caption=

改成

$image

对不起，也许我误导了你，我会进一步阐述这个问题。我要做的是在中填充$caption，它位于初始化该变量的循环之外。您还需要在循环中输出HTML。我知道，我想是这样的，但我想问一下也没什么坏处。谢谢你的帮助。标题只是一个元素，变量是字符串吗？如果是这样，我不知道问题出在哪里？

before: function(slider){
    // set current slide 
    var currSlide = slider.slides.eq(slider.animatingTo + 1);
    var caption = $(currSlide).find("img").data('caption');
    $('#caption-block p').text(caption);
}