2

我正在使用 Foundation Clearing 功能来显示图片库。我最初只在页面上加载图像缩略图,但单击这些缩略图时,将打开清除图像库。

但是加载大型画廊图像需要一段时间。同时清理显示什么。那么无论如何我可以在图像尚未加载时显示加载通知。基金会清算中是否有任何内置功能可以做到这一点?

4

2 回答 2

3

我不确定清除的加载通知,但 Foundation 为Orbit提供了一个div class="preloader"

也许你可以以某种方式破解它。

于 2013-06-28T20:03:31.493 回答
1

如果有人仍然想知道 - 这是在 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';
});

http://codepen.io/anon/pen/OXXPyN

于 2016-06-15T04:48:00.757 回答