2

Fancybox を DotNetNuke にインストールするにはどうすればよいですか? DNN 6.2 を使用する Web サイトを実行しており、コンテンツをライトボックスに iframe する必要があります。Fancybox が最良のオプションのように思えますが、インストール方法は? ファイルをスキンのフォルダにアップロードしますか?それともサイトのルート フォルダにアップロードしますか?

4

2 に答える 2

0

ファンシーボックスをスキンに組み込みました。手順: 1. ファンシー ボックスを使用するページに js と css が読み込まれていることを確認します。2. ファンシーボックスを起動するために使用するアンカーを定義します。この場合、ファンシーボックスのサイズも動的にして、コンテンツマネージャーが変更できるようにしました。

jQuery(document).ready(function () {

    jQuery('a.mylightbox').each(function () {
        var dWidth = parseInt($(this).attr('href').match(/width=[0-9]+/i)[0].replace('width=', ''));
        var dHeight = parseInt($(this).attr('href').match(/height=[0-9]+/i)[0].replace('height=', ''));
        $(this).fancybox({
        'width': dWidth,
        'height': dHeight,
        'autoScale': false,
        'transitionIn': 'elastic',
        'transitionOut': 'elastic',
        'type': 'iframe',
        'scrolling': 'no'
        });
    });
});

次に、fancybox にロードする URL を呼び出します。

<a class="mylightbox" href="/tabid/333/default.aspx?width=440&amp;height=650">my link text</a>

この場合、私は自分のサイトでローカル ページを使用しました。

于 2012-12-02T10:25:16.647 に答える