[Ликбез]

Форма входа
Логин:
Пароль:

Меню сайта


Скрипты и коды для юкоз - Форум аццкого кодера » Если вы пришли за помощью, то Вам сюда... » Поправить скрипт

Поправить скрипт
[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,
Цитата riko2345, Вт, 04.02.2014, 19:41:47
Что дописать, чтобы допустим первые 800px уже выло видно?

Лучше обратиться к автору скрипта с данным вопросом.
Так же, у автора, можно поинтересоваться для чего “это”.

А так, навскидку:
Код
var bottom_of_window = $(window).scrollTop() + $(window).height() + 800;


Цитата riko2345, Вт, 04.02.2014, 19:41:47
Нашел скрипт прогрузки материалов через opacity

Данный скрипт ничего и ниоткуда не подгружает. Вообще.
Бесполезная плюшка, лишь нагружающая страницу сомнительным “эффектом”.
[3] riko2345 [04.02.2014, 20:17]
А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz? Или у вас на сайте?

Я уже все обрыл и ничего нужного не нашел, а половина найденных только на php работают.
[4] likbezz [04.02.2014, 20:25]
riko2345,
Цитата riko2345, Вт, 04.02.2014, 20:17:09
А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz?

Подозреваю что да. Почему нет?
Наверняка кто-то себе написал хороший скрипт подгрузки..

Вопрос в другом - есть ли подобные грамотные скрипты в паблике, в формате копипаста.
---

Цитата riko2345, Вт, 04.02.2014, 20:17:09
Или у вас на сайте?

Не, у меня нет такого. Точно. Не писал.

Цитата riko2345, Вт, 04.02.2014, 20:17:09
Я уже все обрыл и ничего нужного не нашел

А что вам нужно?
То что скрипт - понятно.
Заготовок немерено - лишь поправить под себя..
А готового копипаста, да еще и рабочего.. нет, не видел.

Вот, например:
Подгрузка материалов со списком материалов раздела
Не могу сказать что грамотный/рабочий, но для вас - это лучше чем ничего.
---

Обычно, подобные вещи пишут на заказ или собственноручно - под конкретный шаблон/сайт.
Но если у вас полно свободного времени, можете поискать в Сети по запросу «подгрузка материалов юкоз».
Вдруг вам повезет.
[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,
Цитата riko2345, Вт, 04.02.2014, 20:39:33
Но там подгрузкой заменяют листание страниц. А у меня таких страниц нет, только один большой контент с материалами.

Не понял вот этого.. ссылку на такую страницу можно?

Цитата riko2345, Вт, 04.02.2014, 20:39:33
и нашел такой эффект, www.appelsiini.net/projects/lazyload/enabled_fadein.html, но он почему-то не работает

Вообще-то там работает - видно как при прокрутке картинки плавно типа появляются.. Это и есть данный эффект.

Цитата riko2345, Вт, 04.02.2014, 20:39:33
Кстати, в css в блоке стоит opacity:0;.

Да, я в курсе.

Цитата riko2345, Вт, 04.02.2014, 20:39:33
С этим все равно ничего не работает.

Код
<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


Полная версия сайта