вопрос
Как добавить постепенную загрузку изображений в {short-story} тык
Установка хака постепенной загрузки изображений:
Залейте файл ImgLoads.js в папку js в вашем шаблоне
В main.tpl перед тегом
Прописать
В шаблонах, там где изображение из поста, дописатьк src data- чтоб было как на примерах ниже:
Открыть shortstory.tpl
найти, в моем случае это выглядит так (дефолтный шаб.)
добавить ему ID, то есть должно получится так
Готово!
Залейте файл ImgLoads.js в папку js в вашем шаблоне
В main.tpl перед тегом
</body>
Прописать
$(function(){
$("div[id^=news-id-] img").each(function(){
var cSrc = $(this).attr('src');
$(this).replaceWith("<img data-src='" + cSrc + "'>");
});
});
</script>
<script type="text/javascript" src="{THEME}/js/ImgLoads.js"></script>В шаблонах, там где изображение из поста, дописать
Открыть shortstory.tpl
найти, в моем случае это выглядит так (дефолтный шаб.)
<div class="maincont">
{short-story}
.....
добавить ему ID, то есть должно получится так
<div id="news-id-{news-id}" class="maincont">
{short-story}
.....Готово!
