我正在使用 Foundation Clearing 功能来显示图片库。我最初只在页面上加载图像缩略图,但单击这些缩略图时,将打开清除图像库。
但是加载大型画廊图像需要一段时间。同时清理显示什么。那么无论如何我可以在图像尚未加载时显示加载通知。基金会清算中是否有任何内置功能可以做到这一点?
我正在使用 Foundation Clearing 功能来显示图片库。我最初只在页面上加载图像缩略图,但单击这些缩略图时,将打开清除图像库。
但是加载大型画廊图像需要一段时间。同时清理显示什么。那么无论如何我可以在图像尚未加载时显示加载通知。基金会清算中是否有任何内置功能可以做到这一点?
我不确定清除的加载通知,但 Foundation 为Orbit提供了一个div class="preloader"
也许你可以以某种方式破解它。
如果有人仍然想知道 - 这是在 Foundation 5.5 中的操作方法:
var spinDiv = document.getElementById('spinner');
$(document).on('open.fndtn.clearing', function() {
spinDiv.style.display = 'block';
alert('Pause so you can see the spinner');
});
$(document).on('opened.fndtn.clearing', function() {
spinDiv.style.display = 'none';
});