我想在body标签上设置背景图片,然后运行一些代码 - 像这样:
$('body').css('background-image','http://picture.de/image.png').load(function() {
alert('Background image done loading');
// This doesn't work
});
Run Code Online (Sandbox Code Playgroud)
如何确保背景图像完全加载?
我有以下内容ng-repeat从$http.post呼叫中抓取数据并将其存储到$scope.data.
<div ng-repeat="key in [] | range:data.pages">
<div class="pageBackground" id="page_{{ (key+1) }}" ng-style="{'background-image':'url(/images/{{data.id}}/{{(key+1)}}.png)'}">
<!-- some random stuff here -->
</div>
Run Code Online (Sandbox Code Playgroud)
正常情况是.pageBackground类会在背景图像在屏幕上加载之前加载.在background-image实际加载之前我什么都不想出现但是我无法弄明白.
有没有人有什么建议?
我试图淡入div其中有一个内嵌背景图像.
我已经在页面加载的图像上尝试过了,但是我们怎样才能在背景图像中实现这种效果div.