Подгрузка тега [img] при скроллинге

[pro100drug]

Когда открываешь какую-нибудь тему, которая содержит в каждом сообщении изображение, то начинает грузить сразу все img на этой странице. Может есть решение как сделать так, чтобы IMG подгружался только при скролле страницы?

 

[Hope]

Такого не видел, есть только оптимизатор: http://xenforo.info/resources/tinhte-image-attachment-optimization-cdn-support.839/

 

[Skaiman]

Можно попробовать Lazy Load Plugin for jQuery
Программный плагин основан на jQuery и переменных, разработанных Брендоном Аароном, которые теперь включены в разметку jQuery. Залить в папку js один из файлов архива и в PAGE_CONTAINER подключить перед </head> соответственно или полный или сжатый:

<script src="js/jquery.lazyload.js" type="text/javascript"></script>
<script>
$("img").lazyload();
</script>

После этого все изображения будут загружаться по мере доступа пользователя к ним. Сам не пробовал, но попытка не пытка :-)

 

[pro100drug]

Можно попробовать Lazy Load Plugin for jQuery
Программный плагин основан на jQuery и переменных, разработанных Брендоном Аароном, которые теперь включены в разметку jQuery. Залить в папку js один из файлов архива и в PAGE_CONTAINER подключить перед </head> соответственно или полный или сжатый:

<script src="js/jquery.lazyload.js" type="text/javascript"></script>
<script>
$("img").lazyload();
</script>

После этого все изображения будут загружаться по мере доступа пользователя к ним. Сам не пробовал, но попытка не пытка :-)

Спасибо, но к сожалению не работает :(
lazyload кажется работает в шаблоне UI.X и так как нужно - как бы его так деликатно вытащить и заставить работать на любом-другом шаблоне :rolleyes:

 

[Skaiman]

Попробуй это:

<script>
$("img").lazyload();
</script>

Убрать из PAGE_CONTAINER и вставить в page_container_js_body в самый низ

 

[pro100drug]

Попробуй это:

<script>
$("img").lazyload();
</script>

Убрать из PAGE_CONTAINER и вставить в page_container_js_body в самый низ

Без изменений :(
В css случаем ничего не нужно добавлять?

 

[Skaiman]

А так:

<script>
$(function(){
$("img").lazyload();
});
</script>

Там надо для картинок класс применять .lazy, просто пробывать надо, че нить получиться

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[pro100drug]

Там надо для картинок класс применять .lazy

Не в курсе где найти шаблон для IMG тега? Натыкаюсь только на атач шаблоны типа "bb_code_tag_attach", но изображения в img бывают ссылкой из стороннего сервера.

 

[Skaiman]

Не в курсе где найти шаблон для IMG тега? Натыкаюсь только на атач шаблоны типа "bb_code_tag_attach", но изображения в img бывают ссылкой из стороннего сервера.

не, лучше не надо, не ищи :acute:

 

[pro100drug]

не, лучше не надо, не ищи :acute:

Так если не указать class для изображений тега img, то работать не будет.

 

[Meowt]

Нашел переделку Lazy Load под XF

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Вот только она работает немного некорректно, а именно:
1. Существующие изображения могут грузится бесконечно.
2. Несуществующие изображения грузятся бесконечно.
3. Изображения в спойлерах (при открытии) грузятся либо очень долго, либо бесконечно.

Думаю, что вариант с исправленными ошибкам пригодится всем.

 

[Skaiman]

:) некорректно, судя по описанию вообще не работает

 

[Meowt]

:-) некорректно, судя по описанию вообще не работает

Если брать тему с 10+ изображениями на странице, то в 8 случаях из 10 все загрузится идеально, в других 2 может не загрузиться то или иное изображение по неведомым причинам.