Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Ламерские вопросы Как добавить постепенную загрузку изображений в {short-story}

Как добавить постепенную загрузку изображений в {short-story}


     03.05.2014    Ламерские вопросы    1573

вопрос
Как добавить постепенную загрузку изображений в {short-story} тык

Ответил: vitnet


Установка хака постепенной загрузки изображений:

Залейте файл 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>

В шаблонах, там где изображение из поста, дописать к src data- чтоб было как на примерах ниже:

Открыть shortstory.tpl
найти, в моем случае это выглядит так (дефолтный шаб.)
<div class="maincont">
    {short-story}
    .....

добавить ему ID, то есть должно получится так
<div id="news-id-{news-id}" class="maincont">
    {short-story}
    .....

Готово!

Комментарии пользователей (6)

vitnet
218

2172 | 930

vitnet - 3 мая 2014 19:31 - Эксперт

Это вопрос или совет? Там же все написано

sr.green
1

119 | 6

sr.green - 3 мая 2014 19:39 - Гости

vitnet,
разумеется вопрос, там написанно что выводится <img data-src="{image-1}">
а у меня выводится новость {short-story}

shmel1985
2

146 | 63

shmel1985 - 3 мая 2014 22:27 - Юзер

Почему то после данной манипуляции все картинки смещаются в левую сторону как исправить?

vitnet
218

2172 | 930

vitnet - 3 мая 2014 22:34 - Эксперт

У вас случайно выравнивание картинок не происходит по какому либо классу, к пример: class="ваш класс"? Киньте ссылку если можно

shmel1985
2

146 | 63

shmel1985 - 4 мая 2014 15:00 - Юзер

vitnet, Да по класу.

shmel1985
2

146 | 63

shmel1985 - 4 мая 2014 15:03 - Юзер

Вот так примерно
<!--dle_image_begin:http://lostpic.net/orig_images/4/e/3/4e3f962c33ca9c9780991114a0ae641a.png|right--><img src="http://lostpic.net/orig_images/4/e/3/4e3f962c33ca9c9780991114a0ae641a.png" style="float:right; max-height:400px; margin-left: 15px; margin-right: 5px; margin-bottom: 5px;" alt="Баскетбол. NBA Playoffs 2014. West. 1st Round - Game 7: Golden State Warriors @ Los Angeles Clippers [03.05] (2014) WEB-DL 720p" title="Баскетбол. NBA Playoffs 2014. West. 1st Round - Game 7: Golden State Warriors @ Los Angeles Clippers [03.05] (2014) WEB-DL 720p"><!--dle_image_end-->

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

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