ホームページを作成に関する備忘録

ウインドウを開いて他のHtmlファイルを表示する(jQuery:fancybox)

Xhtmlファイル(head内)








Xhtmlファイル(body内)

他のHTMLファイルへ
 まずFancyBoxのHPにおいて、ファイルをダウンロードします。その中にjQueryのファイルも含まれているので、解凍して適当なフォルダにコピーします。必要なファイルは次の3つで、それぞれjQuery.js(バージョンがいろいろあります)とjquery.fancybox.js、jquery.fancybox.cssを<head></head>の中において呼び出します。その後にscriptを書きます。この中の$(".various").の部分のvariousは、何でもいいです。これは、<a class="various fancybox.iframe" href="method.html">のclass名と同じです。よって、名前が対応していれば大丈夫です。その後のfancybox.iframeの部分が外部htmlを表示するためのものです。script内の数字は適当に変えればいいです。

(Demo)他のHTMLファイルへ