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

回答

相關問題