Paginação automatica auto load, veja exemplos

[fredBelZonte 0]

Tudo bem galera ?

 

Gostaria de saber se vcs tem ideia de como funciona a paginação do site Site Dzone...

 

Para testarem, entre no site e vao rolando a barra vertical... quando a pagina estiver chegando no final, aparecem mais registros...

 

Muito legal...

 

Como fazer ?

 

Valew...

ate +

[dinhografo 0]

Em primeiro lugar tem que ter um campo na tabela com a url da imagem, daí é só adicionar no resultado de uma paginação comum o endereço da imagem qua vem da tabela

EX:

 

$consulta = mysql_query("SELECT * FROM sua_tabela WHERE seu_campo") or die(mysql_error());

 

$y = mysql_fetch_array($consulta);

$id = $y["id"];

$foto = $y["foto"];

$titulo = $y["titulo"];

echo "<img src=\"fotos/$foto\"><br>$titulo<br>" ;

mysql_close();

Como você pode perceber eu armazenei apenas o nome da imagem no banco já que eu sei qua a imagem está em um diretório chamado foto, assim eu chamo a tag <img src=\"fotos/$foto\"> apenas com o nome da foto ($foto) que está no diretório, mas você pode usar as mesmas maneiras que se usa no HTML, inclusive os alinhamentos da imagem no 'echo' e chamar do banco pelo $foto = $y[ "foto" ];, prestamdo atenção para como você irá chamar essas fotos no meu caso eu só precisei do nome, pois todas as fotos estão na minha pasta fotos se a sua estiver em outra pasta ou em uma url deve-se usar o melhor lhe adequar.

 

Eu fiz esse script agora e não sei se está funcionando adequadamente, mas a explicação é essa.

 

Espero ter ajudado

[fredBelZonte 0]

bom... acho q nao tem muito haver nao...voce deve ter trocado de topico...heheh

[netShot 1]

foi feito usando a biblioteca JQuery.. ativando o ajax na funcao jQuery("#content").scroll(function(){

 

jQuery(function(){   var m = window.location.search.match(/p=(\d+)/);   var curPage = m ? parseInt(m[1]) : 1;   var loading = false;   jQuery("#content").scroll(function(){	   if ( curPage >= 1 && !loading && this.scrollHeight -			   this.scrollTop - this.offsetHeight < this.offsetHeight ) {		   loading = true;		   if ((25*curPage) < 10095) {				DWRUtil.setValue("scrollStats", 25*(curPage+1) + " of " + 10095);			} else {				DWRUtil.setValue("scrollStats", 10095);			}		   $("progressIndicator").style.display="block";		   jQuery.ajax({			   type: "GET",			   dataType: "html",			   url: window.location + (window.location.search != '' ? "&" : "?") + "type=html&p=" + ( ++curPage ),			   success: function( html ){				   html = jQuery.trim( html );				   if ( html ) {					   jQuery("#content-inner").append( html );												   //					   }				   } else					   curPage = 0;			   },			   complete: function(){				   loading = false;//				   alert(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ))				   urchinTracker(window.location.pathname + (window.location.search != '' ? ""+ window.location.search +"&" : "?") + "p=" + ( curPage ));				   $("progressIndicator").style.display="none";			   }		   });	   }   });});

outro exemplo aqui : http://makoomba.altervista.org/grid/