jquery - カスタム HTML をライトボックスに追加しようとしています

Question

Web サイトにライトボックスを実装しようとしています。私はこのチュートリアルに従いましたが、うまくいきました。ただし、ライトボックスに HTML コード (タグなど) を含めたいと考えています。チュートリアルが示した方法では、ユーザーはボックスにインラインで必要なものを書く必要があります

onclick="javascript:lightbox('stuff that's supposed to be in the box')".

別のファイルから読み取るにはどうすればよいですか? または、ボックスで HTML を使用する最良の方法は何ですか? すべてを 1 行にまとめない方がよいでしょう。

http://jsfiddle.net/ytJaD/

ありがとう！

Answer 1

私が読んだ内容に基づいて、ライトボックスがその機能をすぐにサポートしているようには見えません： http://lokeshdhakar.com/projects/lightbox2/

しかし、良い代替手段は、http: //www.shadowbox-js.com/にある shadowbox.js です 。

ドキュメントはこちら: http://www.shadowbox-js.com/usage.html

ライブラリを適切にロードした後のリンクの例:

<a href="myHTMLPage.html" rel="shadowbox;width=500;height=500;"></a>