jquery - ライトボックスで外部 URL を開く

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