|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
06.11.2012, 15:21 | #1 |
Пользователь
Регистрация: 21.09.2012
Сообщений: 25
|
Скрипт подгрузки страницы при скролинге
Необходимо организовать рабочий скрипт для подгрузке страницы при скроллинге.
Я очень плохо разбираюсь в java и по этому скачал готовый скрипт в интернете. Проблема в том что мои знания на столко малы, что я не могу понять каким образом в этом скрипте (скрипт полностью рабочий) подставлять мой контент(это будут html таблицы) Прошу помочь, вот скрипт: Код 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> |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
плывет фон при скролинге | mue | HTML и CSS | 3 | 25.08.2011 14:07 |
Ширина DIV при подгрузки html | 1ord | JavaScript, Ajax | 5 | 13.02.2011 22:42 |
Передать параметры вызова страницы во внутренний скрипт | Sergey2 | PHP | 20 | 07.06.2010 23:41 |
скрипт при загрузке страницы | xap4o | JavaScript, Ajax | 2 | 16.02.2010 23:33 |