Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Lazyload не хочет грузить картинку при переключении AJAX Tab?

Lazyload не хочет грузить картинку при переключении AJAX Tab?

     12.01.2019    Ajax, javascript, dle 13.1    Общие вопросы, Хаки    2371

вопрос
Привет всем!
Нужна ваша помощь, либо совет как совместить LazyLoad c AJAX.

Используется хак - Ajax подгрузка custom в нужный блок

Находится в shortstory.tpl
<img class="lazyload" data-src="[xfvalue_image_url_logo]" title="{title}" />

Находится в шаблон/js/custom.js
$(function() { $("img").lazyload({ effect: "fadeIn", threshold : 10 }); });

Находится в main.tpl
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-beta.2/lazyload.min.js"></script>


LazyLoad прекрасно гармонирует уже с имеющимся картинками на первой за груженой странице, но если подгрузить новости через Ajax (переключая на другой таб), то LazyLoad никак себя не проявляет.
Можно их как-то совместить?
:)

Ответил: PunPun

После
$("[data-trigercajax]").html(data);
Вставить
$("img").lazyload({ effect: "fadeIn", threshold : 10 });

2 комментария

progressive
Юзер

progressive - 12 января 2019 14:03 -

Почти, все отлично...
Первый таб, который выводит первые новости страницу, картинку нет!
Грузит только тогда, переключавшийся по табам

На сайт зашел картинок нет у новостей, переключился на другой там картинки начали грузится))

как исправить? :)))
progressive
Юзер

progressive - 12 января 2019 14:14 -

Сделал вот так
// LazyLoad img подгрузка
$(function() { $(".lazyload img").lazyload({ effect: "fadeIn"  }); }); 

// подргузка новостей AJAX 
$(function($){
   $("body").on("click", "[data-ajaxc]", function(){
     var $castom = $(this).attr("data-ajaxc");
   $.post(dle_root+"engine/ajax/custom.php", {castom:$castom}, function(data){
   $("[data-trigercajax]").html(data);
   $("img").lazyload({ effect: "fadeIn"  });    
      });
   })
});

в shortstory.tpl
<div class="logo lazyload"><img class="lazyload" data-src="[xfvalue_image_url_logo]" title="{title}" /></div>


Ну что то дважды прописано в классах lazyload мне кажется это изваращенство?
Ну по другому не как, не грузились картинки :((
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 02.04.2012 promax  Общие вопросы
 10.03.2013 rabidabi  Общие вопросы
 15.02.2014 SeregaWilliams  Общие вопросы
 21.03.2014 sr.green  Общие вопросы
 16.07.2014 G-Force  Общие вопросы
 03.01.2015 sr.green  Общие вопросы
 11.01.2015 SaBBa  Общие вопросы
 18.10.2015 thebeknazar  Общие вопросы
 19.10.2015 Elena  Общие вопросы, jQuery, Хаки, Ламерские вопросы
 18.03.2016 Artyom91  Общие вопросы
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    Вчера, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    Вчера, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    Вчера, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:37
    т.е. мне снести всё, что я уже загрузил как root, зайти под юзером и закачать снова?
    Видосы в директории upload можно хоть оставить? их там 80 Гб
наверх