Отложите загрузку скрытых изображений Есть решение

Добрый день, как реализовать отложенную загрузку в данном случае? Я так понимаю, что PSI ругается на превьюшки. https://elektrosamokat-v-spb.r...

Обычно делаю данным кодом:

<img class="js-item__image lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="/path/to/image.png" alt="" />

Но как его использовать с превью, которые имеют такой код? 

<div class="swiper-slide pd-thumb is-image" id="product-image-{$image.id}">
{$wa->shop->imgHtml($image, '96x96',['alt'=>$image.description|escape,'class'=>'pd-thumb__img'])}
</div>

2 ответа

  • 1
    Koin Разработчик 4 июня 2021 16:13 # Решение

    заместо

    {$wa->shop->imgHtml($image, '96x96',['alt'=>$image.description|escape,'class'=>'pd-thumb__img'])}

    пишите сразу так да и все

    <img class="js-item__image lazy-img" src="data:image/gif;base64,R0lGODlh6gDqAIAAAP///wAAACH5BAEAAAEALAAAAADqAOoAAAL+jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8fyTNf2jef6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1is1qt9yu9wsOi8fksvmMTqvX7Lb7DY/L5/S6/Y7P6/f8vv8PGCg4SFhoeIiYqLjI2Oj4CBkpOUlZaXmJmam5ydnp+QkaKjpKWmp6ipqqusra6voKGys7S1tre4ubq7vL2+v7CxwsPExcbHyMnKy8zNzs/AwdLT1NXW19jZ2tvc3d7f0NHi4+Tl5ufo6err7O3u7+Dh8vP09fb3+Pn6+/z9/v/w8woMCBBAsaPIgwocKFDBs6fAgxosSJFCtavIgxo8Y9jRw7evwIMqTIkSRLmjyJMqXKlSxbunwJM6bMmTRr2ryJM6fOnTx7+vwJNKjQoUSLGj2KNKnSpUybOo1UAAA7" data-src="{$wa->shop->productImgUrl($image, '96x96')}" alt="{$image.description|escape}" />

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите