Como instalar infinite-scroll para alguien verde en el tema!???

novatoide · #1 (**permalink**) 26/04/2012, 15:27

Hola amig@s,

Ando muy perdido con este script, yo lo quiero incorporar a mi web, pero no entiendo como hacerlo funcionar, además me bajo el .rar y me viene con varios archivos incluso con el plugins de WP.

Yo saco todo del .rar y llamo a los archivos jquery.infinitescroll.js, jquery.infinitescroll.min.js y ajax-loader.gif, EJ:

Código Javascript:

Ver original<librería jquery>
<script type="text/javascript" src="jquery.infinitescroll.js"></script>
<script type="text/javascript" src="jquery.infinitescroll.min.js"></script>

Y luego llamo a los divs navigation y content pero nada de nada :S

Si alguien me puede explicar más o menos como viene la mano se los agradeceré infinitamente!

Script del infinite-scroll

Abrazo.-

novatoide · #2 (**permalink**) 26/04/2012, 18:03

Sigo intentando y nada!!! no sé por qué estoy tan errado!!!

Solamente quiero mostrar los resultados de mi base de datos! :S

Abrazo.-

ocesitaro · #3 (**permalink**) 26/04/2012, 21:17

hey solo usa uno de los 2

<script type="text/javascript" src="jquery.infinitescroll.js"></script>
ó
<script type="text/javascript" src="jquery.infinitescroll.min.js"></script>

el que dice min pesa menos, y el otro es para que tu mismo puedas personalizarlo a tu gusto , modificar las funciones del script.

novatoide · #4 (**permalink**) 27/04/2012, 00:34

Cita:

Iniciado por ocesitaro

hey solo usa uno de los 2

<script type="text/javascript" src="jquery.infinitescroll.js"></script>
ó
<script type="text/javascript" src="jquery.infinitescroll.min.js"></script>

el que dice min pesa menos, y el otro es para que tu mismo puedas personalizarlo a tu gusto , modificar las funciones del script.

Gracias bro por tu respuesta!!!

Ahora bien que le tendría que modificar y como lo tendría que llamar con que divs?

No sé, porque pero no me sale he hecho varias cosas!, pero no logro hacer el efecto :S

Abrazo.-

ocesitaro · #5 (**permalink**) 27/04/2012, 16:15

Hola , aca en el trabajo no puedo descargar ya que hay un filtro.
Pero aca tengo algo parecido a lo que quieres

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript" src="javascript/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var variable_get=1;
$("#ver_mas").click(function(){
$("#cargando").css('display','inline');
$.ajax({
type:'GET',//tambien hay POST
url:"paginaphp.php", //tu pagina desde donde obtienes la info
data:{variable:variable_get},
success : function (rpta) {
$("#cargando").css('display','none');
variable_get=variable_get+1;
$('<div class="item">'+rpta+'</div>').appendTo($("#contenido"));
if(variable_get==3){
$("#ver_mas").hide()
}
}
})
})
})
</script>
<style type="text/css">
body{ margin:0; text-align:center;}
#ver_mas{height:30px;width:300px;background:#000;c olor:#FFF;
left:50%; margin-left:-150px; cursor:pointer; margin:auto;}
.item{width:500px;height:700px;background:#000;mar gin:10px auto; color:#FFF;}
#cargando{ width:100%; color:#C00; display:none;}
</style>
</head>

<body>
<div id="contenido">
</div>
<div id="cargando">... cargando</div>
<div id="ver_mas">ver mas</div>
</body>

novatoide · #6 (**permalink**) 29/04/2012, 23:35

Gracias hermano! disculpa que recien respondo, pero no estube con internet! :S

Luego te comento que tal!

Abrazo.-