Версия Instant CMS 1.9
Как включить кэширование страниц и ленивую загрузку изображений (Lazy Load), чтобы загружались по мере прокрутки страницы?
К примеру, на Wordpress это делается плагинами.
А тут как это можно реализовать?
InstantCMS 1.X
#1
28 ноября 2019 в 11:42
#2
28 ноября 2019 в 11:59
В frontend.php
$article['content'] (возможно будет другая переменная)
Ну и подключить сам скрипт, предварительно закачав в папку
$article['content'] = str_replace('<img src=', '<img class="lazy" data-original=',$article['content']) ;
Ну и подключить сам скрипт, предварительно закачав в папку
<script src="/includes/jquery/jquery.lazyload.js"></script> <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
#3
28 ноября 2019 в 12:00
Благодарю!Ну и подключить сам скрипт, предварительно закачав в папку
А в какую папку?
Сегодня в 13:09
#4
28 ноября 2019 в 12:01
/includes/jquery/jquery.lazyload.js
#5
28 ноября 2019 в 13:02
В frontend.php
Если я правильно пониманию, то этот код нужно добавить в файл frontend.php, который находится в папке «content»? Или во все файлы frontend.php, которые используются для сайта?
#6
28 ноября 2019 в 14:07
Скачал себе версию 1.9 (тут немного по другому)
Для статей: \components\content\frontend.php
перед строкой $page = $inCore->request('page', 'int', 1); (307 строка)
А это можно в конце \templates\твой шаблон\template.php
Но тогда будет подгружаться на всех страницах, если захочешь сделать ленивую загрузку в других компонентах
Если делать только для статей, лучше добавить в конце файла
\templates\_default_\components\com_content_read.tpl
Для статей: \components\content\frontend.php
перед строкой $page = $inCore->request('page', 'int', 1); (307 строка)
<script src="/includes/jquery/jquery.lazyload.js"></script> <script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script>
Если делать только для статей, лучше добавить в конце файла
\templates\_default_\components\com_content_read.tpl
{literal} <script src="/includes/jquery/jquery.lazyload.js"></script> <script type="text/javascript"> $("img.lazy").lazyload({effect : "fadeIn"}); </script> {/literal}
А не заело?!Версия Instant CMS 1.9
#8
28 ноября 2019 в 16:30
Шо?А не заело?!
Пластинка версии 1.9.Шо?
#10
28 ноября 2019 в 18:13
Рекомендую ознакомиться с правила поведения на форуме.Пластинка версии 1.9.
#11
30 ноября 2019 в 22:56
Пробовал 2 варианта и, к сожалению, оба два не работают. Просто не подгружаются фотки.Скачал себе версию 1.9 (тут немного по другому)
#12
1 декабря 2019 в 06:48
посмотри код картинки, должен быть таким
Загружается ли скрипт?
Загружается ли скрипт?