|
Поправить скрипт
|
|
| [1] riko2345 [04.02.2014, 19:41] |
Всем привет. Нашел скрипт прогрузки материалов через opacity. Но первые материалы тоже не видно, пока не прокрутишь страницу. Что дописать, чтобы допустим первые 800px уже выло видно?
Код <script type="text/javascript">
/* Every time the window is scrolled ... */
$(window).scroll( function(){
/* Check the location of each desired element */
$('.previtem').each( function(i){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
/* If the object is completely visible in the window, fade it in */
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
});
</script> |
|
| [2] likbezz [04.02.2014, 20:08] |
riko2345, Что дописать, чтобы допустим первые 800px уже выло видно?
Лучше обратиться к автору скрипта с данным вопросом.
Так же, у автора, можно поинтересоваться для чего “это”.
А так, навскидку:
Код var bottom_of_window = $(window).scrollTop() + $(window).height() + 800;
Нашел скрипт прогрузки материалов через opacity
Данный скрипт ничего и ниоткуда не подгружает. Вообще.
Бесполезная плюшка, лишь нагружающая страницу сомнительным “эффектом”. |
|
| [3] riko2345 [04.02.2014, 20:17] |
А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz? Или у вас на сайте?
Я уже все обрыл и ничего нужного не нашел, а половина найденных только на php работают. |
|
| [4] likbezz [04.02.2014, 20:25] |
riko2345, А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz?
Подозреваю что да. Почему нет?
Наверняка кто-то себе написал хороший скрипт подгрузки..
Вопрос в другом - есть ли подобные грамотные скрипты в паблике, в формате копипаста.
---
Не, у меня нет такого. Точно. Не писал.
Я уже все обрыл и ничего нужного не нашел
А что вам нужно?
То что скрипт - понятно.
Заготовок немерено - лишь поправить под себя..
А готового копипаста, да еще и рабочего.. нет, не видел.
Вот, например:
Подгрузка материалов со списком материалов раздела
Не могу сказать что грамотный/рабочий, но для вас - это лучше чем ничего.
---
Обычно, подобные вещи пишут на заказ или собственноручно - под конкретный шаблон/сайт.
Но если у вас полно свободного времени, можете поискать в Сети по запросу «подгрузка материалов юкоз».
Вдруг вам повезет. |
|
| [5] riko2345 [04.02.2014, 20:39] |
Я только последний вопрос задам) Я бы уже те скрипты, что на форуме юкоза. Но там подгрузкой заменяют листание страниц. А у меня таких страниц нет, только один большой контент с материалами.
А можно ли как-то хотя бы визуально их подгружать, как в том скрипте, что я нашел? Мне бы и так сошло)
Код var bottom_of_window = $(window).scrollTop() + $(window).height() + 800;
С этим все равно ничего не работает.
Кстати, в css в блоке стоит opacity:0;.
и нашел такой эффект, www.appelsiini.net/projects/lazyload/enabled_fadein.html, но он почему-то не работает
Сообщение отредактировал riko2345 - Вторник, 04.02.2014, 20:45 |
|
| [6] likbezz [04.02.2014, 21:05] |
riko2345, Но там подгрузкой заменяют листание страниц. А у меня таких страниц нет, только один большой контент с материалами.
Не понял вот этого.. ссылку на такую страницу можно?
и нашел такой эффект, www.appelsiini.net/projects/lazyload/enabled_fadein.html, но он почему-то не работает
Вообще-то там работает - видно как при прокрутке картинки плавно типа появляются.. Это и есть данный эффект.
Кстати, в css в блоке стоит opacity:0;.
Да, я в курсе.
С этим все равно ничего не работает.
Код <script type="text/javascript">
$(window).scroll( function(){
$('.previtem').each( function(){
var bottom_of_object = $(this).position().top + $(this).outerHeight();
var bottom_of_window = $(window).scrollTop() + $(window).height();
if( bottom_of_window > bottom_of_object ){
$(this).animate({'opacity':'1'},500);
}
});
}).trigger('scroll');
</script>
Экземпле: http://likbezz.ru/_example/_rest/_2014/p1/Untitled-42.html |
|