jquery - Fancybox 和 DNN DotNetNuke

Question

如何将 Fancybox 安装到 DotNetNuke 中？我正在运行一个使用 DNN 6.2 的网站，需要将 iframe 内容放入灯箱中。 Fancybox 似乎是最好的选择，但如何安装它呢？您是否将文件上传到皮肤的文件夹或网站的根文件夹中？

Answer 1

我已将 fancybox 合并到我的皮肤中。脚步:1. 确保 js 和 css 已由要使用 fancy box 的页面加载。2.定义用于触发 fancybox 的 anchor ，在本例中，我还动态设置了 fancybox 的大小，以便内容管理器可以更改它。

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>

在本例中，我在网站中使用了本地页面。