加载gif图像在Iframe内容完全加载到colorbox之前停止

Question

我面临的问题是加载动画旋转图像在内容完全加载到模态弹出窗口之前停止.我的意思是,由于从服务器(aspx页面)检索大量数据,页面需要几秒钟来加载模态中的内容,我在页面中看到的是一个空白空格而不是加载旋转.是否有任何方法可以使加载图像工作,直到内容完全加载.

我选择的路线是使用彩盒中的事件,我不确定我能实现它.

  $('#cboxLoadingGraphic').show();

这个调用从colorbox加载图像

onLoad: function() { $('#cboxLoadingGraphic').show();}, 
    onComplete: function() {  if($(this) != "undefinded"){ $('#cboxLoadingGraphic').show();} }, 

上面的代码不会工作,因为首先元素是空的,它移动到.show()方法.我想要实现的是在onComplete或onload上,我如何使用js/jquery检查内容或元素是完全加载,以便我可以show()是否加载内容和内容完全加载时hide().

谢谢.

Answer 1

你在使用iframe属性吗？如果是这样,在colorbox 1.3.16中,您可以将fastIframe属性设置为false,以延迟删除加载图形,直到iframe元素的onload事件触发为止.例:

$('a.myIframe').colorbox({iframe:true, width:500, height:500, fastIframe:false});