| Autor | Zpráva | ||
|---|---|---|---|
| Fisak Profil |
#1 · Zasláno: 21. 3. 2013, 20:53:29
Dobrý den.
Mám dotaz ohledně jquery.. má někdo zkušenosti s tímto? http://andersonferminiano.com/jqueryscrollpagination/ Snažím se to zprovoznit ovšem probllém je v tom že mi to nejdříve načte pár příspěvků což je v pohodě pak sjedu dolu a načte mi to všechno... Pak opět sjedu uplně dolů a načte mi to všechno znova.. viz.: index.php <?php
//mysql join
$con = mysql_connect('localhost','root','vertrigo');
mysql_select_db('youtube_feeder', $con);
mysql_query("SET character_set_results = utf8");
mysql_query("SET character_set_connection = utf8");
mysql_query("SET NAMES utf8");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery ScrollPagination</title>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/scrollpagination.js"></script>
<link href="scrollpagination_demo.css" rel="stylesheet" media="screen" />
<meta name="author" content="Anderson Ferminiano" />
<meta name="keywords" content="jquery, plugin, anderson ferminiano, scroll, pagination, scroll pagination, html5" />
<script type="text/javascript">
$(function(){
$('#content').scrollPagination({
'contentPage': 'democontent.php', // the url you are fetching the results
'contentData': {}, // these are the variables you can pass to the request, for example: children().size() to know which page you are
'scrollTarget': $(window), // who gonna scroll? in this example, the full window
'heightOffset': 10, // it gonna request when scroll is 10 pixels before the page ends
'beforeLoad': function(){ // before load function, you can display a preloader div
$('#loading').fadeIn();
},
'afterLoad': function(elementsLoaded){ // after loading content, you can use this function to animate your new elements
$('#loading').fadeOut();
var i = 0;
$(elementsLoaded).fadeInWithDelay();
if ($('#content').children().size() > 10){ // if more than 100 results already loaded, then stop pagination (only for testing)
$('#nomoreresults').fadeIn();
$('#content').stopScrollPagination();
}
}
});
// code for fade in element by element
$.fn.fadeInWithDelay = function(){
var delay = 0;
return this.each(function(){
$(this).delay(delay).animate({opacity:1}, 200);
delay += 100;
});
};
});
</script>
</head>
<body>
<div id="scrollpaginationdemo">
<ul id="content">
<?php
$result_home = mysql_query("select * from youtube_videos where approved = '' ORDER BY id LIMIT 0, 10");
while($row_home = mysql_fetch_array($result_home)) {
?>
<li><p>
<iframe width="480" height="360" src="http://www.youtube.com/embed/<?php echo $row_home['url']; ?>" frameborder="0" allowfullscreen></iframe>
</p></li>
<?php
}
?>
</ul>
</div>
</body>
</html><?php
//mysql join
$con = mysql_connect('localhost','root','vertrigo');
mysql_select_db('youtube_feeder', $con);
mysql_query("SET character_set_results = utf8");
mysql_query("SET character_set_connection = utf8");
mysql_query("SET NAMES utf8");
$result_demo = mysql_query("select * from youtube_videos where approved = '' ORDER BY id LIMIT 10, 100");
while($row_demo = mysql_fetch_array($result_demo)) {
?>
<li style="opacity:0;-moz-opacity: 0;filter: alpha(opacity=0);"><p>
<iframe width="480" height="360" src="http://www.youtube.com/embed/<?php echo $row_demo['url']; ?>" frameborder="0" allowfullscreen></iframe>
</p></li>
<?php
}
?> |
||
|
Časová prodleva: 11 let
|
|||
0