0

我正在尝试使用 colorbox 来显示一些产品细节。colorbox 正在从我的 c# 注入到页面中。下面是我开始工作的脚本。它可以工作，但有一点问题，我的领导开发人员建议我将它移到 iframe 中。

 //ColorBox Scripts
        loadpage.AddExternalCSS("/Styles/colorbox.css", "colorbox");
        loadpage.AddExtJavascript("/Scripts/jquery.colorbox-min.js");
        loadpage.AddJavascript("$(document).ready(function () {$(\".imgProdGallery\").colorbox({maxWidth:\"850px\", maxHeight:\"100%\" });});");

下面我尝试添加 iframe 的脚本没有。当它呈现到页面时，我会得到一个带有一个非常小的空白框的叠加层。iframe 似乎是一个可预期的参数，为什么当我添加它时它会破坏我的脚本？

 //ColorBox Scripts
        loadpage.AddExternalCSS("/Styles/colorbox.css", "colorbox");
        loadpage.AddExtJavascript("/Scripts/jquery.colorbox-min.js");
        loadpage.AddJavascript("$(document).ready(function () {$(\".imgProdGallery\").colorbox({iframe:true, maxWidth:\"850px\", maxHeight:\"100%\" });});");

http://www.jacklmoore.com/colorbox/example5/如果您查看源代码，它甚至会显示他们使用 iframe 的语法。

任何关于我可以解决问题的提示将不胜感激。

4

1 回答 1

0

似乎当使用 iframe 作为参数时，您需要声明一个高度和宽度。maxHeight 和 maxWidth 不计算在内。

于 2013-07-09T20:19:00.993 回答