Javascript 在加载图像之前添加css类

我有一个带有背景图像的容器

如何在加载背景图像之前将css类添加到此容器

现在，我在document.ready上使用JQuery添加类（New），以重载另一个类（Base）的css规则。 在加载时，图像首先以类基的css显示，然后根据新类显示。 问题：当图像在屏幕上拉伸时，我可以看到

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

试试这个解决方案

$('<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)');
});

$（'
问候。
谢谢回复。
.content wrap
-不是具有背景图像的容器。但是在
.content wrap.home view的上下文中，我有css规则，这是我想要的。