Autor Zpráva
Fisak
Profil
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>
a democontent.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");

$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
}
?>
Děkuji za jakékoliv rady..

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: