iframe不加载

这只发生在Safari中。iframe不加载

www.dalworthrestoration.com

通知精选内容的jQuery旋转木马
内容自动循环前进，当它到达＃3，欢迎Dalworth视频，它会显示正常。

但这里是问题：

如果它允许循环前进到第4缩略图，然后单击后退到＃3，欢迎Dalworth视频，iframe的错位，它只显示图像的三分之一。
但是，如果您滚动，视频突然弹出正确的位置。

我完全难倒。

来源

2011-07-14 brianrhea

编辑：完全新的答案。

这个技巧适用于我，使用Safari的调试器。在隐藏父li之前，将iframe的大小调整为0x0。然后在隐藏李后立即调整它的大小。这是从setSlider()功能：

list.find("iframe").attr({ height: 0, width: 0 }); 
list.filter(':visible').hide().end().eq(index).fadeIn(); 
list.find("iframe").attr({ height: 340, width: 560 });

编辑：我在v5.0.5这个工作。如果你看到我的原始答案，那基本上就是这样。与这一个，它通过1px的和过渡回来后滚动取代点击处理程序：

btn.click(function(){ 
    index=jQuery(this).index(); 
    list.filter(':visible').hide().end().eq(index).fadeIn(); 
    scrollTo(document.body.scrollLeft, document.body.scrollTop+1); 
    scrollTo(document.body.scrollLeft, document.body.scrollTop-1); 
    btn.removeClass('fc_current'); 
    btn.eq(index).addClass('fc_current'); 
    clearTimeout(timer);timer=undefined;setSlider(); 
});

你看到的过渡快闪权利，但它不是很明显。

来源

2011-07-21 21:06:54 gilly3

这对我不起作用，吉利。它仍然只显示图像的一部分，当我点击回到＃3后，允许它自动循环到＃4。此外，还有一个相当震撼的崩溃，并随着消失和调整而扩大。感谢您的建议，但仍然是不行。 – brianrhea

我在Safari 5.0.5中，如果有任何帮助 – brianrhea

@samseaborn - 在5.0.5中解决这个问题之后，请务必在5.1中测试您的解决方案。 – gilly3

这是Safari中的渲染问题。这不是你可以特别修复的东西，缺少一个黑客的功能来改变标签，使页面向下滚动并立即回到原来的位置。

它，然而，工作，如果他们已经支持HTML 5视频，而不是：http://www.youtube.com/html5

来源

2011-07-21 21:04:47 doctorless

回答

相关问题