Joomla 3.x. 如何禁用延迟加载效果
2016年2月24日
本教程将向您展示如何 remove lazy load effect in Joomla 3.x templates.
Joomla 3.x. 如何禁用延迟加载效果Lazy Load 效果延迟加载图像在长网页. 视图外的图像在用户滚动到它们之前不会加载.
让我们看看如何消除这种效果:
使用any访问服务器 ftp client or FileManager 由你的主人提供.
Navigate to /模板/ themeXXXX / css / directory. XXXX是你的主题号吗.
Open ‘template.css’ 要编辑的文件. 一定要 备份原始文件 之前编辑:
Remove 下面的样式规则带有适当的样式声明:
.item__module, .item {透明度:0; -webkit-transition:全0.8s ease; -moz-transition:全部为0.8s ease; - 0 -transition:全0.8s ease; 过渡:全0.8s ease; 变换:translateY (-30 px); -o-transform: translateY (-30 px); -moz-transform: translateY (-30 px); -webkit-transform: translateY (-30 px); -ms-变换:translateY (-30 px); } .item__module.visible-first, .item.visible-first {透明度:1; 变换:translateY (0 px); -o-transform: translateY (0 px); -moz-transform: translateY (0 px); -webkit-transform: translateY (0 px); -ms-变换:translateY (0 px); }
-
注意,规则声明在你的模板中可能会有所不同(取决于模板设计):
Refresh browser cache 要查看变化.
Lazy Load 效果已成功移除 website. 视窗外的图像现在从一开始就加载.
万一你和 .LESS文件,按以下步骤操作:
使用any访问服务器 ftp client or FileManager 由你的主人提供.
Navigate to /模板/ themeXXXX /less/ directory. XXXX是你的主题号吗.
Open ‘template.less’ 要编辑的文件. 一定要 backup 原始文件 之前编辑:
Remove 下面的样式规则带有适当的样式声明:
.item__module, .item { opacity: 0; .过渡(0.8s ease); .变换(translateY (-30 px)); &.visible-first {透明度:1; .transform(translateY(0px)); } }
-
注意,规则声明在你的模板中可能会有所不同(取决于模板设计):
Refresh browser cache 要查看变化.
Lazy Load 效果已成功移除 website. 视窗外的图像现在从一开始就加载.
请随时查看下面的详细视频教程:
Joomla 3.x. 如何禁用延迟加载效果