Фильтр по:
  

Поправить скрипт

Если вы пришли за помощью, то Вам сюда...

  • Страница 1 из 1
  • 1
Модератор форума: Admin, Cибиря4ка, Komoff, Diana  
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Поправить скрипт (Нашел скрипт прогрузки материалов через opacity)
Поправить скрипт
Дата: Вторник, 04.02.2014, 19:41 |
riko2345
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 Всем привет. Нашел скрипт прогрузки материалов через 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>


 
Дата: Вторник, 04.02.2014, 20:08 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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

Данный скрипт ничего и ниоткуда не подгружает. Вообще.
Бесполезная плюшка, лишь нагружающая страницу сомнительным “эффектом”.

 
Дата: Вторник, 04.02.2014, 20:17 |
riko2345
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz? Или у вас на сайте?

Я уже все обрыл и ничего нужного не нашел, а половина найденных только на php работают.

 
Дата: Вторник, 04.02.2014, 20:25 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 riko2345,
Цитата riko2345, Вт, 04.02.2014, 20:17:09
А вообще существует ли нормальный скрипт для прогрузки длинного контента на ucoz?

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

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

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

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

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

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

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

Обычно, подобные вещи пишут на заказ или собственноручно - под конкретный шаблон/сайт.
Но если у вас полно свободного времени, можете поискать в Сети по запросу «подгрузка материалов юкоз».
Вдруг вам повезет.

 
Дата: Вторник, 04.02.2014, 20:39 |
riko2345
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


 Я только последний вопрос задам) Я бы уже те скрипты, что на форуме юкоза. Но там подгрузкой заменяют листание страниц. А у меня таких страниц нет, только один большой контент с материалами.

А можно ли как-то хотя бы визуально их подгружать, как в том скрипте, что я нашел? Мне бы и так сошло)
Код
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
 
Дата: Вторник, 04.02.2014, 21:05 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 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

 
Скрипты и коды для юкоз - Форум аццкого кодера » Раздел для начинающих » Если вы пришли за помощью, то Вам сюда... » Поправить скрипт (Нашел скрипт прогрузки материалов через opacity)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия