0

我想要做的是当有人单击图像时，对 php 文件进行 AJAX 调用，返回的数据将显示在灯箱弹出窗口中。

这是我正在使用的代码

    $(".infoimg").on("click",function() {
    var theid = $(this).attr('id');
    var infofile = "http://www.mydomain.ext/info.php";
        $('.spinners').show().css({"display":"inline-block", "margin":"0 0 0 5px"});
              $.post( infofile,
                    { "theid": theid },
                        function(data){
                            $('.spinners').hide();
                            $('.infobox').html(data);
                        }
             );
    });

.infobox现在，我想在其中填充数据后在灯箱中显示其内容。或者，更好的是，在灯箱弹出窗口中显示返回的数据，而不将其输入任何 div。

一个页面中会有多个.infoimg具有不同 ID 的图像类。vartheid实际上是图像的 ID。

请帮忙。

4

1 回答 1

0

我根本无法让灯箱在jsFiddle中工作，但我觉得如果你安排你的图像，它会工作的

<a href="http://www.mydomain.ext/info.php?theid=thisImageId">
   <img src="thisThumbnailImageSrc" id=thisImageId/>
</a>

我在本地机器上尝试了我的想法，它似乎有效。Lightbox 一直等到它完成接收图像数据。它不关心扩展名是什么，只要你的php返回的数据是图像，你就可以使用这个解决方案。我还没有让它加载像 HTML 这样的任意数据，但如果我想通了，我会继续努力并更新这个答案。

于 2013-03-01T19:45:23.893 回答