iframe中的多个颜色框

时间:2014-08-08 12:58:01

标签: javascript jquery iframe colorbox

我希望将2个或3个颜色盒叠加在一起,但不要像俄罗斯娃娃那样在彼此的范围内,更像第一个覆盖50%的屏幕,第二个覆盖100%的屏幕,然后第三个再次占据屏幕的50%。

我已经设法在here的帮助下创建了效果,但问题是当我关闭颜色框时,所有当前打开的颜色框同时关闭。我想关闭按钮只是为了关闭那个颜色框。从理论上讲,人们会按顺序关闭它们,但我显然无法预测。

我认为这与关闭所有打开的彩盒的jquery选择器有关。任何指针都赞赏。

创建第一个颜色框的代码:

  $.colorbox({iframe:true, width:width, height:height, scrolling: false, href:linkRef, fastIframe:false, onClosed:function(){$('#cboxClose').attr('class', '');}});
  $('#cboxClose').attr('class', 'photomontageFrame');

创建第二个颜色框的代码:

 window.parent.$.colorbox({iframe:true, width:width, height:height, scrolling: false, href:a, onClosed:function(){$('#cboxClose').attr('class', '');}});
 window.parent.$('#cboxClose').attr('class', 'photomontageFrame');

由于

1 个答案:

答案 0 :(得分:1)

我认为你的问题不是iframe,而是colorbox只支持一个实例。它似乎也是一个非常古老的插件,不支持最新版本的jQuery。我会寻找一个不同的插件。