jquery - 在灯箱中打开外部网址

Question

我必须创建一个灯箱并在其中打开外部 url 的内容。我不允许更改现有代码。此时，它是一个指向页面的简单链接，现在必须加载到灯箱中。

所有的代码都是我自己写的，所以没有colorbox之类的插件。我知道如何打开/关闭灯箱。只是无法弄清楚如何在其中加载外部 url 的内容。

我希望你们能帮助我:)

提前致谢

Answer 1

我认为你应该使用 jQuery 的 load() 方法。借助该方法，您可以从另一个 url 获取内容并将其作为 html 放入您的灯箱中。

$('#idofDiv').load('test.html', function() {
  alert('Load was performed.');
});

http://api.jquery.com/load/

Answer 2

Lightbox 2 uses the jQuery framework. Load jQuery and the Lightbox javascript files in the proper order.

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>

Include the Lightbox CSS file.

<link href="css/lightbox.css" rel="stylesheet" />

Then use image from external url in this way

<a href="http://www.hyperlinkcode.com" rel="lightbox" ><img src="/images/sample-image.gif" border="0"></a>

The orignal url for this was

http://hyperlinkcode.com/images/sample-image.gif