Перейти к содержимому


Пользователь месяца
OlgaGetman OlgaGetman 1-й за Декабрь
Очков активности: 2100 10 тем, 170 сообщений, 7 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Ixman
    #1

    Ixman (o5cat.ru)
    Очков активности: 336 Вне конкурса за определение пользователя месяца

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 165 0 тем, 22 сообщения, 5 баллов репутации

  • Фотография Андрей WPMasterKZ
    #3

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 153 Вне конкурса за определение пользователя месяца

  • Фотография OlgaGetman
    #4

    OlgaGetman
    Очков активности: 105 Вне конкурса за определение пользователя месяца

  • Фотография Cheaplinks
    #5

    Cheaplinks (cheaplinks.pro)
    Очков активности: 63 0 тем, 21 сообщение, 2 балла репутации

  • Фотография Mandarin
    #6

    Mandarin
    Очков активности: 61.5 0 тем, 41 сообщение, 1 балл репутации

  • Фотография magnet
    #7

    magnet (rbfxdirect.com)
    Очков активности: 58.5 0 тем, 13 сообщений, 3 балла репутации

  • Фотография TimurR
    #8

    TimurR
    Очков активности: 54 Вне конкурса за определение пользователя месяца

  • Фотография Ilya74
    #9

    Ilya74
    Очков активности: 51 0 тем, 17 сообщений, 2 балла репутации

  • Фотография r0mZet
    #10

    r0mZet (rz-style.ru)
    Очков активности: 49.5 0 тем, 11 сообщений, 3 балла репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 25.12.2018
  • Яндекс выдача: 22.01.2019
Топ 5 участников по репутации


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

#1 alimov7

alimov7
  • Неактивные
  • 22 сообщений
  • Репутация: -1
0

Отправлено 06 November 2012 - 14:15

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

Я очень плохо разбираюсь в 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>

 

 

  • 0



Похожие темы

  Название темы Автор Статистика Последнее сообщение

Оформление форума – IPBSkins.ru