jquery の popupwindow プラグインを使ってウィンドウポップアップ

fancyboxは画像拡大が主な目的だが、
別のHTMLページをポップアップさせたい場合には
jqueryプラグインのpopupwindowを使うのが簡単だと思います。

動作サンプルはこちら

<script type="text/javascript" src="./jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./jquery.popupwindow.js"></script>

必要なスクリプトを読み込んでから、

<a class="popupwindow" href="http://www.blogger.com/popup.html" rel="profile1">popup.htmlをウィンドウポップアップ表示します</a>

リンクタグを埋め込みます。このときrel属性に任意の名前をつけておきます。

<script>
$(document).ready(function() {
  $(".popupwindow").popupwindow({
    profile1: {
      height:300,
      width:400,
      center:1,
      createnew:0
    }
  });
});
</script>

で、popupwindowクラスに適用します。rel属性がprofile1のリンクに対しては、
高さ300px、幅400px、などの条件でポップアップウィンドウが表示されます。

外部サイトのHTMLをポップアップすることもできます。



エグゼラックス ポップアップテント