Показать сообщение отдельно
  #1 (permalink)  
Старый 10.06.2021, 00:13
Профессор
Отправить личное сообщение для Vaska Посмотреть профиль Найти все сообщения от Vaska
 
Регистрация: 08.05.2017
Сообщений: 178

Подгрузка изображения через lazyload и форму на ajax
Приветствую!

Ищется рабочее решение, чтобы после сохранения контента в форме, которая отправляет контент через ajax, при возвращении подгружались фотки в lazyload?

Вот код формы:
function submitEditableModelForm(){
	
    var _form = $("#editable_model_form");
    if(_form.valid()) $.ajax({ // рони if(_form.valid()) 
        type: "POST",
        url: _form.attr('action'),
        data: _form.serialize(),
        dataType:"json",
        success: function (res) {
                if (res.code == 10000) {
                    $('.dialog_close_button').click()
                    $('.editable-page-model[data-id='+res.result.config_id+']').replaceWith(res.result.model_html)
                    addDialogEvent()
                    initSlide()
                }else{
                    layer.msg(res.message)
                }
        }
    });
}


Код lazyload:
$("img.lazyload-scroll").lazyload({
       //placeholder : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8VA8AAmkBc7YFeIIAAAAASUVORK5CYII=",
        effect: "fadeIn",
        skip_invisible : false,
       threshold : 400,	
   });


Вывод изображения:
<img class="lazyload"  data-original="/default/images/sell-violet.jpg"  placeholder="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg==">


Заранее спасибо, за помощь!
Ответить с цитированием