prowebber.cc - Тут есть все для настоящих вебмастеров

Провеббер » DataLife Engine » Постепенная загрузка изображений

Постепенная загрузка изображений

Автор: D0Gmatist 2013-2-02 DataLife Engine

Данный материал предоставлен сайтом ProWebber.cc исключительно в ознакомительных целях. Администрация не несет ответственности за его содержимое.

Скачать бесплатно Постепенная загрузка изображений.

Cкрипт постепенной загрузки изображений

Как оно работает
Изображение загружается только тогда когда попадает в видимую зону
Примеры
http://dogmatist.nbr.by/lastnews/page/2/
или очень хорошо видно в итогах поиска...
А так же можно посмотреть тут http://jsfiddle.net/D0Gmatist/Z5mFq/2/
Скачайте файл

imgloads.rar [1.6 Kb] (cкачиваний: 462)
MD5: 68005b076c40f2d66b4519a484ffb789

и из него залейте файл ImgLoads.js в папку js в вашем шаблоне

Перед

</head>

Прописать

<script ENGINE="text/javascript" src="{THEME}/js/ImgLoads.js"></script>

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

http://dogmatist.nbr.by/?do=search=Джеки Чан

http://dogmatist.nbr.by/?do=search=2012

http://dogmatist.nbr.by/?do=search=Комедия

Missing update?
Checkout our NULLED Web Community

Дополнительные ссылки на скачивание ТОЛЬКО для зарегистрированных

+25

Просмотры: 12 125 :: Комментарии (46) :: :: Нужна помощь? Задайте вопрос на форуме ::

Теги: js, dle

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

#21CrasHandBurN

3 февраля 2013 06:29
Регистрация: 12.06.2011

Был(а) онлайн: 19.11.2019
Комментариев: 6

Вот полная интеграция:
1.1. Загрузите последнюю версию Lazy Load с сайта проекта на appelsiini.net/projects/lazyload, существуют две версии этого плагина вы можете использовать
- raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js
- raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.min.js
2. - Загрузить код в /engine/classes/js/

/engine/classes/js/jquery.lazyload.js

3. - Открыть /engine/modules/functions.php и найти:

'engine/classes/js/dle_js.js',

И добавьте после:

'engine/classes/js/jquery.lazyload.js',

4.
[*] Открыть /engine/modules/functions.php и найти:

'engine/classes/js/dle_js.js',

И добавьте после:

'engine/classes/js/jquery.lazyload.min.js',

5. Открыть /engine/classes/js/dle_js.js и добавьте этот код в конце файла:

$(function() {$("img").lazyload({effect : "fadeIn"});});

6. Открыть /engine/classes/parse.class.php и найти:

if( $align == '' ) return "<a href=\"{$url}\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" {$alt} /></a>{$caption}";
else return "<a href=\"{$url}\" onclick=\"return hs.expand(this)\" ><img src=\"$url\" width=\"{$config['tag_img_width']}\" height=\"{$out_heigh}\" style=\"float:{$align};\" {$alt} /></a>{$caption}";

--------------------

<?php
echo base64_decode("Uk9DSydOJ1JPTExB");

#22Slavchik

3 февраля 2013 07:00
Регистрация: 5.12.2010

Был(а) онлайн: 5.03.2024
Комментариев: 145

не качал и не смотрел что там.
но знаю такой Lazy Load плагин для jQuery который как раз и подгружает то, что отображается в видимой части браузера. ставиться легко.

#23CrasHandBurN

3 февраля 2013 08:03
Регистрация: 12.06.2011

Был(а) онлайн: 19.11.2019
Комментариев: 6

Вся информация, не помещаются в этот комментарий. Вот ссылка для интеграцию yadi.sk/d/NvtcTvms2JY93

Интеграция Lazy Load в shortstory/fullstory, если вы используете пользовательский тег {image-x}. Вот ссылка для интеграцию yadi.sk/d/qOuoEpYW2JYKi

Интеграция Lazy Load в topnews и relatednews, если вы используете пользовательские теги изображение {image-x}. Вот ссылка для интеграцию yadi.sk/d/QmNfdoVG2JYS2

Интеграция Lazy Load для custom page. Вот ссылка для интеграцию yadi.sk/d/0GCKxqIc2JY_8

В некоторых темах использованием xfield для изображений, если вы хотите использовать Lazy Load в xfields, вы можете сделать это с помощью очень простой способ заменить:

Пример тему в shortstory.tpl

src="[xfvalue_YOUR-NAME]"

/*** Заменить на: ***/

src="{THEME}/dleimages/grey.gif" data-original="[xfvalue_YOUR-NAME]"

Последний шаг, загрузить изображение grey.gif в папке темы {YOUR-THEME}/dleimages/, вы можете создать свой собственный 1 px изображения и сохранить как grey.gif
Например как это yadi.sk/d/mu-4dQXN2JYk0
-----------------------------------------------------------------
Пожалуйста, сообщите, если у вас есть какие-то проблемы, потому что я не протестировать все функции ...

Данный плагин будет работать только, если вы включите JQuery и отключить JS сжатия в DLE администратора CP, в противном случае не используйте этот плагин!
Если вы используете DLE 8.x, которые не имеют JQuery библиотеку, необходимо добавить JQuery библиотеку в вашу тему и вручную добавить JQuery функции в вашу тему, а не добавлять его в functions.php.

--------------------

<?php
echo base64_decode("Uk9DSydOJ1JPTExB");

#24Dobriu

3 февраля 2013 12:05
Регистрация: 11.08.2011

Был(а) онлайн: 5.03.2024
Комментариев: 46

Огромное спасиба ! biggrin

#25iteam

3 февраля 2013 12:24
Регистрация: 27.01.2012

Был(а) онлайн: 31.05.2017
Комментариев: 84

у меня проблема, по чему то когда я на провеббере жму на ссылку в полной новости меня выкидывает на главную =(

#26Colt

3 февраля 2013 19:00
Регистрация: 10.11.2010

Был(а) онлайн: 23.10.2016
Комментариев: 48

Картинки индексироваться будут в таком варианте?

#27D0Gmatist

3 февраля 2013 19:48
Регистрация: 28.07.2012

Был(а) онлайн: 24.06.2021
Комментариев: 291

Colt, Картинки индексируются из полной статьи а не из краткой .. так что ответ сам ясен

--------------------

Сайт: http://d0gmatist.pro
Разработки на: mySQL, PHP, JS (+jQuery и другие framework), CSS, HTML(+HTML5)
Skype: D0Gmatist (принимаю заказы только по модулям и только в том случае если интересная идея)

#28nikanika123

3 февраля 2013 21:51
Регистрация: 3.02.2013

Был(а) онлайн: 5.02.2013
Комментариев: 19

vobwe super blush

ja dumaju nado poljzovatsja etim samoe prikoljnoe to 4to estj vobwe.

#29nikanika123

3 февраля 2013 22:29
Регистрация: 3.02.2013

Был(а) онлайн: 5.02.2013
Комментариев: 19

vobwe super blush

ja dumaju nado poljzovatsja etim samoe prikoljnoe to 4to estj vobwe.

#30D0Gmatist

3 февраля 2013 23:40
Регистрация: 28.07.2012

Был(а) онлайн: 24.06.2021
Комментариев: 291

nikanika123,
ты что траглодит ... пиши как гомосапиенс

--------------------

#31nikanika123

4 февраля 2013 00:34
Регистрация: 3.02.2013

Был(а) онлайн: 5.02.2013
Комментариев: 19

Ну это уже совершенно другой вопрос

#32D0Gmatist

4 февраля 2013 01:46
Регистрация: 28.07.2012

Был(а) онлайн: 24.06.2021
Комментариев: 291

не я такой .. я бухой ... и ещё раз скажу то что вминают в интеграцию в двиг это не то что я предложил ....
мой скрипт .. не нарушает работы двигла
а эти Lazy Load пол движка перелопатить и когда выходит к примеру 9,8 ДЛЕ то надо опять адаптировать
в опус вашу талантливую совтчину .. я бухаю ... и если будите комментировать то нет смысла нет ВАШ модуль тот что Lazy Load ГОВНО

--------------------

#33iwanowi4

4 февраля 2013 05:22
Регистрация: 28.09.2010

Был(а) онлайн: 31.12.2019
Комментариев: 118

Цитата: D0Gmatist

не я такой .. я бухой ...

Бросай бухать!!! magnify

ты чё - алкашштоле?

#34nikanika123

4 февраля 2013 06:54
Регистрация: 3.02.2013

Был(а) онлайн: 5.02.2013
Комментариев: 19

After you donated send us an email with your

#35hatchees

4 февраля 2013 07:03
Регистрация: 4.12.2010

Был(а) онлайн: 24.01.2017
Комментариев: 161

-1

iwanowi4, в данном архиве не тот скрипт, на который вы скинули ссылку. А тот что вы скинули это вообще бред, так как по стандарту вам придется прописать <img src="grey.jpg">, а после скрипт будет подменять картинку по ID. Поисковики же проиндексируют все как grey.jpg...

#36nikanika123

4 февраля 2013 07:13
Регистрация: 3.02.2013

Был(а) онлайн: 5.02.2013
Комментариев: 19

After you donated send us an email with your

#37D0Gmatist

4 февраля 2013 09:37
Регистрация: 28.07.2012

Был(а) онлайн: 24.06.2021
Комментариев: 291

D0Gmatist ГАВ-ГАВ QIP.RU

--------------------

#38iwanowi4

4 февраля 2013 11:49
Регистрация: 28.09.2010

Был(а) онлайн: 31.12.2019
Комментариев: 118

hatchees, я в курсе что пост про другой скрипт, но так как то в комментах перекатилось на lazyload... насчёт "проиндексируют все как grey.jpg" - всё возможно (я не заморачиваюсь картинками в поиске), но скрипт в этом не виноват, смотрите сами что делаете, лабораторные работы не проводил по поводу секции noscript, но боты её видят, другое дело как они её обрабатывают... кто бы знал...
CrasHandBurN, лучше б отдельным постом разместил интеграцию другого скрипта - пользы было б больше! но всё равно респект за труды!