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/

Answer 2

试试这个js插件。它易于使用很简单。 http://sachinchoolur.github.io/lightGallery/

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

2 个答案: