2014-02-21 101 views
1

我有容器與背景圖像。在圖像加載前添加css類

如何在加載背景圖像之前將css類添加到此容器中?

現在我加上的document.ready使用JQuery類()重載另一個類(基地)的CSS規則。 論負載,圖像與類基地的CSS首先出現,並且比顯示acording到類新。 問題:我可以看到圖像在屏幕上伸展的時候。

 $(document).ready(function() { 
      $('.content-wrap').addClass('home-view'); 
     } 

回答

0

嘗試這種解決方案

$('<img/>').attr('src', 'http://www.yoursite.com/yourpicture.png').load(function() { 
    $(this).remove(); 
    $('.content-wrap').css('background-image', 'url(http://www.yoursite.com/yourpicture.png)'); 
}); 

問候。

+0

感謝您的回覆。 '.content-wrap' - 不是具有背景圖像的容器。但在'.content-wrap.home-view'的上下文中,我有css規則,我想要。 – user3296938