ChromeでJquery Cycle Pluginを使用して消える画像

Question

background-size="cover"属性を使用してサイズ変更された一連のdivと背景画像の間の移行にJquery Cycleプラグインを使用しています。すべてのトランジションの後、私は可視スライドをcss3を使ってテキストの部分に遷移するアクティブなクラスにします。これは、近代的なブラウザでは数ヶ月間働いていましたが、最近はChrome 17が欲しがらない唯一のものと思われます。スライドに移動しても背景画像は空白です。問題は毎回発生するのではなく、約4/5ページの読み込みで発生します。これは、それがimages/scriptがでロードする速度と関係があるかもしれないと私に思います。面白いのは、画像やすべてがそこにありますが、インスペクタウィンドウに移動して、属性のチェックボックス「element.style」のいずれかをクリックした場合にのみ表示されます。

ここに私のコードとURLがあります。どんな助けでも大歓迎です。 。

例：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); 
    } 
}); 

Answer 1

私もこの問題に遭遇したが - のように見えます修正は次のクロムリリースになります 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); 

} 

として、この機能を実行することですそれが見えますトリックを行う