Скрипт подгрузки страницы при скролинге

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Скрипт подгрузки страницы при скролинге

Опции

alimov7

Topic Starter сообщение

6.11.2012, 15:15; Ответить: alimov7

Сообщение #1

Новичок

Группа: User
Сообщений: 22
Регистрация: 7.9.2012
Поблагодарили: 0 раз
Репутация:

-1

Необходимо организовать рабочий скрипт для подгрузке страницы при скроллинге.

Я очень плохо разбираюсь в java и по этому скачал готовый скрипт в интернете.

Проблема в том что мои знания на столко малы, что я не могу понять каким образом в этом скрипте (скрипт полностью рабочий) подставлять мой контент(это будут html таблицы)

Прошу помочь, вот скрипт:

<html>
<head>
<style type="text/css">
  #flickr {
   height:600px;
   overflow-x:hidden;
   width:980px;
  }
  .flickr_results, .loading {
   padding:10px;
   border-radius:5px;
   background:#eee;
   color:#555;
   margin:10px;
   font-family:helvetica;
   font-size:11px;
   font-weight:bold;
  }
  .loading {
   background:#000;
   color:white;
  }
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">

  var loading = true;

  function loadFlickr() {
   var url = "http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&api_key=4ef2fe2affcdd6e13218f5ddd0e2500d&photoset_id=72157619415192530&format=json&jsoncallback=?";
   $.getJSON(url, function(data) {
    var photos = data.photoset.photo;
    $.each(photos, function(i,photo) {
     var title = photo.title;
     $("#flickr").append("<div class='flickr_results'>"+title+"</div>");
    });

    // once we've loaded
    // kill the loading stuff
    loading = false;
    $(".loading").remove();

   });
  }

  $(function() {

   // load initial photos
   loadFlickr();

   // scroll event of the main div
   $("#flickr").scroll(function() {

    // get the max and current scroll
    var curScroll = $(this)[0].scrollTop;
    var maxScroll = $(this)[0].scrollHeight - $(this).height();

    // are we at the bottom?
    if( (curScroll == maxScroll) && loading == false) {

     // when you start, set loading
     loading = true;

     // add the loading box
     $("#flickr").append("<div class='loading'>Loading...</div>");

     // scroll to the bottom of the div
      $(this)[0].scrollTop = $(this)[0].scrollHeight - $(this).height();

     // load more photos
     loadFlickr();
    }
   });

  });
</script>
</head>
<body>
<div id="flickr">

</div>
</body>
</html>

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

Ответить с цитированием данного сообщения

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п	7	stu999	1753	31.3.2024, 11:19 автор: stu999
Нужно ли закрывать ненужные страницы тегом noindex, follow?	8	noviktamw	2906	2.3.2024, 12:53 автор: toplinks
Вытащить страницы из кэша Яндекса	2	VostrVL	1960	11.1.2024, 23:07 автор: ЛаврионСергеевич
Скрипт поисковика видео StrongTube	3	3josoft	1574	14.8.2023, 14:45 автор: 3josoft
Скрипт приема платежей p2p с карты на карту card2card Скрипт приема платежей p2p с карты на карту card2card	15	zladey1986	7833	26.3.2023, 8:54 автор: Palundra

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 20.4.2024, 0:26

Дизайн