Не получается сделать lazy load

Комментарии (11)

1. 

   Егор Левин 18.12.2018 23:27 #

   Что говорят логи в браузере?

   ---

   1. 

      Егор 19.12.2018 13:36 #

      Uncaught ReferenceError: $ is not defined

      ---

      1. 

         Егор Левин 19.12.2018 14:35 #

         У вас данный скрипт подключается раньше, чем jQuery. Смотрите через браузер где подключаются js и где расположен ваш код. Ваш код должен быть ниже js скриптов.

         ---

   2. 

      Егор 19.12.2018 13:41 #

      Скрипты идут так:
      MinifyX?
      assets/js/vendor/jquery.js,
      assets/js/vendor/what-input.js,
      assets/js/vendor/foundation.min.js,
      assets/js/plugins/slick/slick.min.js,
      assets/js/plugins/range/ion.rangeSlider.min.js,
      assets/js/app.js,
      assets/js/select.js,
      assets/js/plugins/enquire.min.js,
      assets/js/plugins/fancybox/jquery.fancybox.min.js,
      assets/js/plugins/fotorama/fotorama.js,
      assets/js/ymap.js,
      assets/js/main.js,
      assets/js/mainapp.js,
      assets/js/vendor/lazyload.js,
      assets/js/vendor/lazyload.min.js,

      Комментарий был изменён 19.12.2018 в 13:42

      ---

      1. 

         Егор Левин 19.12.2018 14:37 #

         Minifyx самостоятельно сжимает и подставляет пред тегом . Либо меняйте настройки плагина таким образом, чтобы скрипты подключались перед (При этом сайт будет медленней грузиться), либо заносите ваш скрипт в данный плагин (Путем подключения еще одного js скрипта), либо убирайте плагин и вручную подключайте все js файлыи и ваш скрипт после них.

         ---

         1. 

            Егор 19.12.2018 18:26 #

            src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" >
                    $(document).ready(function () {
            
            			$("img").lazyload({
            			effect:"fadeIn"
            
            			});
                    });

            Комментарий был изменён 19.12.2018 в 18:27

            ---

         2. 

            Егор 19.12.2018 18:28 #

            Сделал так, ошибки пропали, но ничего не работает

            ---

            1. 

               Егор Левин 20.12.2018 01:54 #

               Куда пропали скрипты из minifyx?
               vash-webmaster.ru/2017/08/11/lazyload-js/. А вобще рекомендую изучить основы верстки. Ошибки в коде говорят сами за себя.

               ---

               1. 

                  Егор 20.12.2018 10:32 #

                  Minifyx остался, просто я отдельно прописал. Ошибка в том что когда я добавляю картинку из src в data-original="[ [+tv.image:pthumb=`w=533&h=312&zc=1`] ]", то картинка не отображается

                  ---

                  1. 

                     Егор Левин 20.12.2018 12:16 #

                     Егор, перечитайте мой ответ от 19.12.2018 14:37. Верное направление я вам уже дал там. Изучите основы верстки веб страниц, как надо подключать стили, скрипты. Почитайте документацию по MODX и плагину MinifyX. Поверьте, то, что вы сейчас пишите, код, говорит о том, что вы попросту не понимаете что делаете.
                     Готовый код за бесплатно вам в этом разделе никто не предоставит.
                     За готовыми решениями вам необходимо обратиться в раздел: «Работа на MODX» или пишите сразу мне на почту info@levpro.ru. Сделаем сегодня, 1000 руб.

                     ---

2. 

   Олег 27.03.2019 09:03 #

   Плагин Lazy load для MODX Revolution

   ---