在图像加载之前添加css类

Question

我有带背景图片的容器。

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

现在我在 document.ready 上使用JQuery添加类（ New ）来重载另一个类的css规则（ Base ）。 在加载时，图像首先显示为类 Base 的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)');
});

问候。