在图像加载之前添加css类

Question

我有带背景图像的容器。

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

现在，我在document.ready上添加类(新建)，使用JQuery重载另一个类(基本)的css规则。在Load上，图像首先以类库的css出现，然后按照类New显示。问题:我可以看到图像何时延伸到屏幕上。

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

Answer 1

试试这个解决方案

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

致以问候。