Question

我有这个PHP代码，工作正常。我想以某种方式，而不是重定向到图像的实际链接，弹出一个窗口（我使用bootstrap，所以我猜模态？）并显示图像。所以，它永远不会离开实际的index.php页面。能给我一些关于如何做到这一点的想法吗？

<?php
        $dirname = "images/";
        $images = scandir($dirname);
        rsort($images);
        $ignore = array(".", "..");
        foreach($images as $curimg){
            if(!in_array($curimg, $ignore)) {
                echo "<li><a class='thumbnail' href=\"$dirname$curimg\"><img src='img.php?src=$dirname$curimg&w=300&zc=1' alt='' /></a></li>\n ";
            }
        }               
    ?>

Answer 1

我认为你要找的是一个灯箱。我认为曾经有一个名为lightbox的软件包，虽然我最近刚使用了＃34; prettyPhoto＆＃34;它完美地满足了我的需求。您生成图像的缩略图，并附加prettyPhoto工作所需的标记。 Boom，你点击缩略图，弹出一个灯箱，显示完整尺寸的图像。您可以使用图库，用户可以单击箭头滚动查看集合中的图片。您可以添加Facebook按钮。无论你想要什么。

原始回购：https://github.com/scaron/prettyphoto

我认为这是他们的网站，但有文档和一些例子：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

弹出并放大所选图像上的图像

1 个答案: