将图像和描述加载到覆盖（HTML/CSS/PHP）

我有一个缩略图网格，当点击时，我想在页面上加载一个覆盖图，显示完整大小的图像和文本文件的内容作为标题

差不多

只需加载图像，但我想将图像加载到一个类似于灯箱的视图中，并将“desc/1001.txt”中的内容加载到图像下方的标题中（不一定是

）

如果可以避免的话，我不希望它重新加载页面。如果有帮助，图像、缩略图和描述都与上面的模式相匹配，或者我还有一个CSV文件，格式为

1000，“图片描述”

，如果更简单的话。

如果你使用类似的东西，应该相当容易

您的PHP代码如下所示：

<?php
$photos = [1000,1001];
foreach ($photos as $photo) {
    $description = file_get_contents('desc/' . $photo . '.jpg');
    echo '<a href="images/' . $photo . '" data-lightbox="roadtrip" data-title="' . $description . '">' . $photo . '</a>';
}
?>

如果您使用这样的东西，应该相当容易

您的PHP代码如下所示：

<?php
$photos = [1000,1001];
foreach ($photos as $photo) {
    $description = file_get_contents('desc/' . $photo . '.jpg');
    echo '<a href="images/' . $photo . '" data-lightbox="roadtrip" data-title="' . $description . '">' . $photo . '</a>';
}
?>

如果你能帮上忙，就不要卷起你自己的，只需要花更多的时间，使用现有的，如fancybox或类似的。同样的想法，加载一个小图像，最初用作缩略图，数据src标记被视为大的或原始大小，单击时加载。问题不在于灯箱，在将文本添加到lightbox图像时，我被卡住了。只适用于HTML和CSS格式的lightbox。不要卷起你自己的，如果你能帮上忙的话，这只会花费更多的时间，使用现有的，比如fancybox或类似的。同样的想法，加载一个小图像，最初用作缩略图，数据src标记被视为大的或原始大小，单击时加载。lightbox的问题不那么多，在将文本添加到lightbox图像时，我被卡住了。只在HTML和CSS中为lightbox工作。是的，我只是带着一个“doh”…是的，我只是带着一个“doh”…回来…