fritzmg / contao-lazy-load-element
Contao 扩展,允许延迟加载内容元素或模块。
1.0.1
2024-05-05 16:21 UTC
Requires
- php: >=7.4
- contao/core-bundle: ^4.13
README
Contao Lazy Load Element
Contao 扩展,允许延迟加载内容元素或模块。
安装后,此扩展提供了一个额外的内容元素,您可以在其中定义在页面加载时延迟加载的其他内容元素或模块。您还可以选择让元素在首次加载后定期重新加载。您还可以定义元素是否仅在它进入视口时加载。
要启用此功能,您必须在页面布局中启用 jQuery。
当一个元素被加载或重新加载时,该元素将触发事件 lazyload
或 lazyload-reload
。这样,您可以在元素加载后执行自己的 JavaScript(例如,初始化加载内容上的其他脚本)。
$('#myLazyLoadElement').on('lazyload', function(event) { // … });
默认情况下,还包含一个样式表,当元素正在加载或重新加载时显示 AJAX 加载圈。要完全移除它,您可以使用此样式
.ce_lazyload:before, .ce_lazyload:after, .mod_lazyload:before, .mod_lazyload:after { display: none; }
或者简单地更改样式以符合您的喜好。请查看默认样式在 assets/lazyload.scss
中。