两个图像显示在一个灯箱中

Question

我必须使用以下代码进行图像处理：

  echo '<div class="thumb" style="width: '.$array['thumb_width'].'px; height: '.$array['thumb_height'].'px;">
            <a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['before_image_id'].'" >
            <img src="showthumbs.php?image_id='.$array['before_image_id'].'"/">
            </a>

            <a class="lightbox" width="72" height="72" href="showfile.php?image_id='.$array['after_image_id'].'" >
            <img src="showthumbs.php?image_id='.$array['after_image_id'].'"/">
            </a>

            </div><p><p/>';

问题是它在灯箱中单独显示。我希望它在一个灯箱中并排显示两个图像。我该怎么做？

Answer 1

有 2 个选项，具体取决于您使用的灯箱：

1. 一些灯箱（colorbox、DOM 窗口、facybox、thickbox）支持将 html 页面加载到 iframe 中，而不仅仅是图像。如果您可以尝试将带有两个标签的html加载到灯箱中。

2. 如果您有一个只支持图像的灯箱（如 squarespace 的糟糕灯箱），您可能必须使用 PHP 的 GD 库将图像合并在一起。 看到这个问题： Merge Two images together on Server, then save