Chrome17中使用Jquery循環插件消失的圖像

我正在使用Jquery循環插件在一系列div與使用background-size="cover"屬性確定大小的背景圖像之間轉換。在每次轉換之後，我給可見幻燈片一個使用css3在一段文本中轉換的活動類。直到最近，這在幾乎所有現代瀏覽器中都能運行數月，Chrome 17似乎是它不想使用的唯一一個。當您轉到幻燈片但背景圖像是空白時，圖像上的文本仍然顯示。這個問題並不是每次都會發生，但是會在大約4/5頁面加載時發生。這讓我覺得它可能與images/script加載的速度有關。有趣的是，圖像和一切都在那裏，但只有當你去檢查員窗口並點擊'element.style'屬性複選框之一時纔會出現。Chrome17中使用Jquery循環插件消失的圖像

這是我的代碼和網址。任何幫助將非常感激。。

例子：blindbarber.vaesite.com

$（ '＃幻燈片'）週期（{

  pager: '#pagination', 
    fit: 1, 
    fx: 'fade', 
    speed: 500, 
    timeout: 0, 
    next: '#next', 
    prev: '#prev', 
    updateActivePagerLink: function update(pager, activeIndex) { 
     $(pager).find('a:eq('+activeIndex+')').addClass('activeSlide').siblings().removeClass('activeSlide'); 
     movePager(); 
    }, 
    before: function() { 
     $(".active").removeClass('active') 
     $('.slide').css({"position": "absolute"}); 
    }, 
    after: function() { 
     $(this).addClass('active'); 
     $('.slide').css({"position": "absolute"}); 
    } 
    }); 

function movePager() { 
    var move = $(".activeSlide").offset(); 
    $("#active-slider").animate({'left': move.left }, 500); 
    } 
});

來源

2012-02-14 user1207944

我就遇到了這個問題，以及 - 看起來像一個修復將在下一版Chrome中發佈 http://code.google.com/p/chromium/issues/detail?id=111218#makechanges

edi T： 所以我想出了一個解決方法，就是運行這個功能在之前的過渡回調

function chromeFix(currSlideElement, nextSlideElement, options, forwardFlag) { 

    var self = $(nextSlideElement); 
    var src = self.css('backgroundImage'); 

    self.css('backgroundImage', '').css('backgroundImage', src); 

}

它看起來像你運行你自己的，但基本上解封，然後回來設置背景圖片訣竅

來源

2012-02-23 18:37:49

Chrome17中使用Jquery循環插件消失的圖像

回答

相關問題