Joomla 3.x. 如何禁用延迟加载效果

本教程将向您展示如何 remove lazy load effect in Joomla 3.x templates.

Lazy Load 效果延迟加载图像在长网页. 视图外的图像在用户滚动到它们之前不会加载.

让我们看看如何消除这种效果:

1. 使用any访问服务器 ftp client or FileManager 由你的主人提供.

2. Navigate to /模板/ themeXXXX / css / directory. XXXX是你的主题号吗.

3. Open ‘template.css’ 要编辑的文件. Make sure to 备份原始文件 之前编辑:

   

4. 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);  } 

5. 注意，规则声明在你的模板中可能会有所不同(取决于模板设计):

   

6. Refresh browser cache 要查看变化.

7. Lazy Load 效果已成功移除 website. 视窗外的图像现在从一开始就加载.

万一你和 .LESS文件，按以下步骤操作:

1. 使用any访问服务器 ftp client or FileManager 由你的主人提供.

2. Navigate to /模板/ themeXXXX /less/ directory. XXXX是你的主题号吗.

3. Open ‘template.less’ 要编辑的文件. Make sure to backup 原始文件 之前编辑:

   

4. Remove 下面的样式规则带有适当的样式声明:

   .item__module,
   .item {
   opacity: 0;
   .过渡(0.8s ease);
   .变换(translateY (-30 px));
   &.visible-first
   {透明度:1; .transform(translateY(0px)); }
   }

5. 注意，规则声明在你的模板中可能会有所不同(取决于模板设计):

   

6. Refresh browser cache 要查看变化.

7. Lazy Load 效果已成功移除 website. 视窗外的图像现在从一开始就加载.

请随时查看下面的详细视频教程: