php - 如何在可导航模式中显示图像？

Question

需要帮助!

我正在创建一个在线门户网站，我使用 PHP 以网格格式将图像显示为类别。我正在显示文件夹中的图像。

我想做的是为图像创建模态，这样当我单击特定图像时，图像模态打开并使用导航按钮以大尺寸显示该特定图像，以便我可以向前和向后导航到另一个图像.

以下是我到目前为止使用 php 显示图像的方法:

<?php

$cols   = 4;
$colCtr = 0;
if($colCtr %$cols == 0)
echo "<tr><td colspan='2'></td></tr><tr>";
$folder = "./upload";
    $results = scandir('./upload/');
    foreach ($results as $result) {
    if ($result === '.' or $result === '..') continue;

        if (is_file($folder . '/' . $result)) {
  echo '<td>
        <a href="'.$folder . '/' . $result.'" target="_blank""/><img src="'.$folder . '/' . $result.'" target="_blank" alt="..." style="margin-left:50px;margin-bottom:27px;width:289px;height:190px;border: 2px solid black;" class="w3-hover-opacity hover-shadow cursor">
        </td></tr>';

            }
           }     
$colCtr++;
echo "\r\n";
?>

感谢您的帮助!

Answer 1

您可以使用灯箱 javascript 插件来做到这一点。喜欢:http://dimsemenov.com/plugins/magnific-popup/