Paginação Php/mysql com transição

[pepeghj 0]

Olá, sou novato em php e estou desenvolvendo um sistema de posts para meu site, com uma paginação em php/mysql. eu gostaria que quando os botões (próximo/voltar) fossem clicados, carregasse os próximos valores da tabela com alguma transição. como faço? aqui eis meu código:

 

<div id="estrutura">

<div id="logo"></div>

<div id="post-area">

<div id="title-post-area">

<span id="fonte-title-post">    Últimos </br><b> Posts</b></span>

<div id="barra-amarela"></div>

<!-- Posts -->

</div>

<?php

include ('funcoes/conexao/config.php');

$busca = "SELECT * FROM posts";

$total_reg = "3";

$pagina=$_GET['pagina'];

if (!$pagina) {

$pc = "1";

}

else {

$pc = $pagina;

}

$inicio = $pc - 1;

$inicio = $inicio * $total_reg;

$limite = mysql_query("$busca LIMIT $inicio,$total_reg");

$todos = mysql_query("$busca");

$tr = mysql_num_rows($todos);

$tp = $tr / $total_reg;

while ($dados = mysql_fetch_array($limite)) {

$criador = $dados['criador'];

$texto = $dados['texto'];

echo "

<div id='post'>

<div id='post-dados'>

<div id='criador'></div>

<span id='fonte-criador'> $criador</span>

</div>

<div id='base-post'>

<span id='fonte-post'>

$texto

</span>

<div id='botao-post'><span id='fonte-botaopost'>MAIS</span></div>

</div>

</div>";

}

?>

<?php

$anterior = $pc -1;

$proximo = $pc +1;

?>

<div id="setas-post">

<? if ($pc<$tp)

{ echo " <a href='?pagina=$proximo'> <div id='seta-baixo-post'></div> </a> "; } ?>

<? if ($pc>1)

{ echo " <a href='?pagina=$anterior'> <div id='seta-cima-post'></div> </a> "; } ?>

</div>

 

 

[Alaerte Gabriel 662]

Procure por efeitos de transição em CSS3 ou jQuery

[pepeghj 0]

Procure por efeitos de transição em CSS3 ou jQuery

Mas como poderei implementar os efeitos jquery á minha paginação?

[zLippert 0]

Mas como poderei implementar os efeitos jquery á minha paginação?

 

Você pode fazer o seguinte, pesquise sobre Ajax, o Ajax é um código que faz você poder usar o PHP sem ter de dar um reload na página, o ajax manda pro php o que você quer pesquisar no banco, ele pesquisa e quando retorna o ajax executa uma função que você define, nessa função você pode botar pra ter o efeito de transição e dai aparecer o que você quer.

 

 

Exemplo

$(document).ready(function() {  
      $(#botao).click(function() {
            $.ajax({                 
                type: 'POST',                                 
                url: 'salvar.php',                               
                data: {"dados": dados},                
                success: function(response) {                    
                         //o que vai ser feito com os dados que retornarem, bota a transição aqui               
                         }            
            });
      }                     
});