javascript - 未加载时的背景图像微调器

标签 javascript css angularjs image angularjs-directive

使用 div

<div ng-style="{'background-image':'url('+image+')'}"></div>

我想在背景图像尚未完全加载时在 div 中显示一个微调器。这怎么可能?我想使用 background-image 来显示图像(而不是 src),因为我想 crop and center我的图片。

最佳答案

在加载时将作用域上的“loading”变量设置为 true,然后在加载时设置为 false。

在模板中使用 ng-class 在“加载”时使用背景图像设置类,例如ng-class="{'loading-class': loading} "

使用 onloadeddata 事件 Angular on video load event

关于javascript - 未加载时的背景图像微调器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29878568/

相关文章:

javascript - Angular 选择框在 mozilla、Internet Explorer (bootstrap-select) 中不显示

javascript - DevTools 无法解析 SourceMap

php - 使用多个下拉列表进行 WordPress 搜索

javascript - Zurb Foundation 6 - 轨道不起作用

css - Zurb 基础 table 条纹造型

html - div 中图标的垂直对齐

javascript - 如何使用 Angular JS 同时只激活一个容器

javascript - 使用javascript从css文件中获取元素的样式

javascript - JQuery 单击 iframe 内的 div

asp.net-mvc - 如何覆盖 Bootstrap 样式?