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

有两种选择，具体取决于您使用的灯箱：

一些灯箱（彩盒，DOM窗口，facybox，thickbox）支持将html页面加载到iframe而不仅仅是图像。如果您可以尝试将带有两个标签的html加载到灯箱中。
如果你有一个仅支持图像的灯箱（比如squarespace蹩脚的灯箱），你可能需要使用PHP的GD库将图像合并在一起。看到这个问题： Merge Two images together on Server, then save

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

1 个答案: