Topic: Image lazyload don't refresh when page is refreshed using ajax request

Publipresse premium asked 3 years ago

Expected behavior Image magically reload when I refresh a part of a page containing image with ajax

Actual behavior Images disappears

Resources (screenshots, code snippets etc.)

Publipresse premium answered 3 years ago

Not sure it's relevant cause it's linked to the CMS I use, but basically, this is an ajax call

function onChangeOffer(field) {
    var form = $(field.form);
    $.request('onAjax', {
        form: form,
        loading: $.oc.stripeLoadIndicator,
        update: {

the list under update option are partials (block containing html code) to be refreshed. Here is the content of partial product/images

<img class="lazy" data-mdb-lazy-src="{{ obProduct.preview_image.path|resize(700,false) }}" data-mdb-lazy-placeholder="{{ obProduct.preview_image.path|resize(70,false) }}" alt="{{ obProduct.preview_image.title }}" />

Grzegorz Bujański staff commented 3 years ago

Do you use some framework? This code doesn't look like it was written in plain JS

Grzegorz Bujański staff answered 3 years ago

I need an example to see how you are refreshing part of the page. Please create a snippet where this issue will occur.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes