Как заменить img src на img data-src в полной новости

[krockki 5]

Всем привет. Решил прикрутить к сайту скрипт https://github.com/verlok/lazyload (постепенная загрузка изображений). Никак не могу внедрить замену img src на img data-src необходимую для работы скрипта.

 

Копаюсь в parse.class.php, заменяю все src и ничего. Картинка тупо пропадает при сохранении статьи. Может кто поможет как исправить или показать как нужно сделать?

 

Версия скрипта 13.1

[Gameer 317]

  18.11.2018 в 18:48, krockki сказал:

Всем привет. Решил прикрутить к сайту скрипт https://github.com/verlok/lazyload (постепенная загрузка изображений). Никак не могу внедрить замену img src на img data-src необходимую для работы скрипта.

 

Копаюсь в parse.class.php, заменяю все src и ничего. Картинка тупо пропадает при сохранении статьи. Может кто поможет как исправить или показать как нужно сделать?

 

Версия скрипта 13.1

Расширить  

Перестроение публикаций сделать нужно

[alukardua 27]

  18.11.2018 в 18:48, krockki сказал:

Всем привет. Решил прикрутить к сайту скрипт https://github.com/verlok/lazyload (постепенная загрузка изображений). Никак не могу внедрить замену img src на img data-src необходимую для работы скрипта.

 

Копаюсь в parse.class.php, заменяю все src и ничего. Картинка тупо пропадает при сохранении статьи. Может кто поможет как исправить или показать как нужно сделать?

 

Версия скрипта 13.1

Расширить  

  Цитата

 

Внимание !!!

На данном форуме существуют достаточно жесткие правила, поэтому прежде чем создавать свою тему убедитесь, что вы внимательно их прочитали и поняли.

 

1. Если ваша тема начинается с вопроса и вам нужна какая либо помощь, то в самой теме в обязательном порядке вы должны указывать ссылку на ваш сайт. Если ваш сайт находится в локальной сети и вы не можете предоставить ссылку, или вы не хотите публиковать открытой ссылки на ваш сайт, то отправляйте персональное сообщение с вопросом в службу поддержки непосредственно с сайта http://dle-news.ru/, вам ответят на ваш вопрос в персональном порядке, в случае если пользуетесь платной версией скрипта и обладаете лицензией на скрипт. Если вы пользуетесь демоверсией, то вам необходимо разместить сайт в сети интернет, и только потом обращаться за помощью. По находящимся на локальных компьютерах демоверсиям никакой помощи и поддержки на форуме не оказывается. Если вы не указали сайт, то ваша тема будет закрыта, а аккаунт на форуме заблокирован.

 

2. На данном форуме строго запрещено предлагать или навязывать свои платные услуги. За любое сообщение типа "Помогу дешево, ICQ ..." участник блокируется на форуме без предупреждения.

 

3. Обязательно прочитайте разъясняющую тему http://forum.dle-news.ru/announcement/1-определение-понятия-нелегальной-копии-скрипта-и-понятия-nulled/

Расширить  

А так смотри в сторону jquery

для примера

$("#img").attr("class","card card-header");

во всех img добавляет класс

[krockki 5]

  18.11.2018 в 19:10, Gameer сказал:

Перестроение публикаций сделать нужно

Расширить  

Необходимый класс class="lazy" я добавил, очистил кеш и перестроение сделал, все появилось. Но сама проблема в замене src на data-src. Меняю в файле и скрипт режет вывод картинки, остается только надпись TBegin....

 

  18.11.2018 в 19:14, alukardua сказал:

А так смотри в сторону jquery

для примера

$("#img").attr("class","card card-header");

во всех img добавляет класс

Расширить  

Я тестирую на локалке, но в качестве лицензионного сайта могу указать https://ochistkadetaley.ru/

Опять же повторюсь с добавлением класса проблем нет, все прописывается и выводится. Проблема с заменой src на data-src. Если меняю на data-src, картинки ломаются.

[alukardua 27]

  18.11.2018 в 19:25, krockki сказал:

Опять же повторюсь с добавлением класса проблем нет, все прописывается и выводится. Проблема с заменой src на data-src. Если меняю на data-src, картинки ломаются.

Расширить  

Пример "data-src" на теге без изображения, где изображение еще не загружено - это всего лишь фрагмент метаданных в теге div:

<div id="myDiv" data-src="http://mydomain.com/foo.jpg">

<script>
    // in all browsers
    var imageUrl = document.getElementById("myDiv").getAttribute("data-src");

    // or in modern browsers
    var imageUrl = document.getElementById("myDiv").dataset.src;
</script>

Пример data-src в теге изображения, используемом как место для хранения URL-адреса альтернативного изображения:

<img id="myImage" src="http://mydomain.com/foo.jpg" data-src="http://mydomain.com/foo.jpg">

<script>
    var item = document.getElementById("myImage");
    // switch the image to the URL specified in data-src
    item.src = item.dataset.src;
</script>

 

[krockki 5]

  18.11.2018 в 22:25, alukardua сказал:

Пример "data-src" на теге без изображения, где изображение еще не загружено - это всего лишь фрагмент метаданных в теге div:

<div id="myDiv" data-src="http://mydomain.com/foo.jpg">

<script>
    // in all browsers
    var imageUrl = document.getElementById("myDiv").getAttribute("data-src");

    // or in modern browsers
    var imageUrl = document.getElementById("myDiv").dataset.src;
</script>

Пример data-src в теге изображения, используемом как место для хранения URL-адреса альтернативного изображения:

<img id="myImage" src="http://mydomain.com/foo.jpg" data-src="http://mydomain.com/foo.jpg">

<script>
    var item = document.getElementById("myImage");
    // switch the image to the URL specified in data-src
    item.src = item.dataset.src;
</script>

 

Расширить  

Можно поконкретнее, я так и не понял. В данный момент изображение выводится вот так:

 

<img class="lazy loading" src="/uploads/posts/2018-11/thumbs/1542564757_86.jpg" style="max-width:100%;" alt="" data-was-processed="true">

Что мне нужно добавить в js чтобы вместо src стало data-src?

 

[alukardua 27]

  19.11.2018 в 18:44, krockki сказал:

Что мне нужно добавить в js чтобы вместо src стало data-src?

Расширить  

да в footer пишеш

<script>
    // in all browsers
    var imageUrl = document.getElementById("imgDataSrc").getAttribute("data-src");

    // or in modern browsers
    var imageUrl = document.getElementById("imgDataSrc").dataset.src;
</script>

а картинки

<img id="imgDataSrc" class="lazy loading" data-src="/uploads/posts/2018-11/thumbs/1542564757_86.jpg" style="max-width:100%;" alt="" data-was-processed="true">

и по идее должно заработать

и главное jquery должен быть подключен

[webair 178]

  18.11.2018 в 18:48, krockki сказал:

Всем привет. Решил прикрутить к сайту скрипт https://github.com/verlok/lazyload (постепенная загрузка изображений). Никак не могу внедрить замену img src на img data-src необходимую для работы скрипта.

 

Копаюсь в parse.class.php, заменяю все src и ничего. Картинка тупо пропадает при сохранении статьи. Может кто поможет как исправить или показать как нужно сделать?

 

Версия скрипта 13.1

Расширить  

 

[alukardua 27]

  18.11.2018 в 18:48, krockki сказал:

Всем привет. Решил прикрутить к сайту скрипт https://github.com/verlok/lazyload (постепенная загрузка изображений). Никак не могу внедрить замену img src на img data-src необходимую для работы скрипта.

 

Копаюсь в parse.class.php, заменяю все src и ничего. Картинка тупо пропадает при сохранении статьи. Может кто поможет как исправить или показать как нужно сделать?

 

Версия скрипта 13.1

Расширить  

Получше разобрался с этим скриптом

картинки делаеш

<img class="lazy" alt="..." data-src="../img/44721746JJ_15_a.jpg">

в футер пишеш

<script>
  var myLazyLoad = new LazyLoad({
    elements_selector: ".lazy",
    load_delay: 300 //время задержки загрузки
});
  </script>

и все заработает