Кэширование и ленивая загрузка изображений в ICMS 1.9

InstantCMS 1.X
#1 28 ноября 2019 в 11:42
Версия Instant CMS 1.9

Как включить кэширование страниц и ленивую загрузку изображений (Lazy Load), чтобы загружались по мере прокрутки страницы?

К примеру, на Wordpress это делается плагинами.

А тут как это можно реализовать?
#2 28 ноября 2019 в 11:59
В frontend.php
  1. $article['content'] = str_replace('<img src=', '<img class="lazy" data-original=',$article['content']) ;
$article['content'] (возможно будет другая переменная)

Ну и подключить сам скрипт, предварительно закачав в папку
  1. <script src="/includes/jquery/jquery.lazyload.js"></script>
  2. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
#3 28 ноября 2019 в 12:00

Ну и подключить сам скрипт, предварительно закачав в папку

@chameleon9
Благодарю!
А в какую папку?
#4 28 ноября 2019 в 12:01
/includes/jquery/jquery.lazyload.js
#5 28 ноября 2019 в 13:02


В frontend.php

  1. $article['content'] = str_replace('
  2.  

@chameleon9

Если я правильно пониманию, то этот код нужно добавить в файл frontend.php, который находится в папке «content»? Или во все файлы frontend.php, которые используются для сайта?
#6 28 ноября 2019 в 14:07
Скачал себе версию 1.9 (тут немного по другому)
Для статей: \components\content\frontend.php
перед строкой $page = $inCore->request('page', 'int', 1); (307 строка)
  1. $article_content = str_replace('<img src=', '<img class="lazy" data-original=',$article_content) ;
А это можно в конце \templates\твой шаблон\template.php
  1.  
  2. <script src="/includes/jquery/jquery.lazyload.js"></script>
  3. <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
Но тогда будет подгружаться на всех страницах, если захочешь сделать ленивую загрузку в других компонентах

Если делать только для статей, лучше добавить в конце файла
\templates\_default_\components\com_content_read.tpl
  1.  
  2. {literal}
  3. <script src="/includes/jquery/jquery.lazyload.js"></script>
  4. <script type="text/javascript">
  5. $("img.lazy").lazyload({effect : "fadeIn"});
  6. </script>
  7. {/literal}
  8.  
#7 28 ноября 2019 в 15:22

Версия Instant CMS 1.9

Man
А не заело?!
#8 28 ноября 2019 в 16:30

А не заело?!

DeDja
Шо?
#9 28 ноября 2019 в 16:41

Шо?

Man
Пластинка версии 1.9.
#10 28 ноября 2019 в 18:13

Пластинка версии 1.9.

DeDja
Рекомендую ознакомиться с правила поведения на форуме.
#11 30 ноября 2019 в 22:56

Скачал себе версию 1.9 (тут немного по другому)

@chameleon9
Пробовал 2 варианта и, к сожалению, оба два не работают. Просто не подгружаются фотки.
#12 1 декабря 2019 в 06:48
посмотри код картинки, должен быть таким

Загружается ли скрипт?
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.