https://sanfabian.cl/js/carga-noticias.js

1indiceLeft = 2;
2indiceRight = 4;
3$('#noticias').html('<div id="loadGifNoticias"><img src="img/icon/load.gif"></div>');
4$.ajax({
5		url: 'php/carga-noticias.php',
6		type: 'POST',
7		data: { from: 0, to: 2 },
8    })
9    
10	.done(function(res) {
11		$('#noticias').html(res);
12})
13$(document).ready(function() {
14	$('#btnIzquierdoNoticias').click(function () {
15		$('#noticias').html('<div id="loadGifNoticias"><img src="img/icon/load.gif"></div>');
16		$.ajax({
17			url: 'php/carga-noticias.php',
18			type: 'POST',
19			data: { from: indiceLeft, to: indiceRight },
20		})
21		.done(function(res) {
22			$('#noticias').html(res);
23			if(indiceLeft > 1){
24				indiceLeft -= 2;
25				indiceRight -= 2;
26			}
27		})
28		.fail(function() {
29			console.log("error");
30		})
31		.always(function() {
32			console.log("complete");
33		});
34		
35	});
36	$('#btnDerechoNoticias').click(function () {
37		$('#noticias').html('<div id="loadGifNoticias"><img src="img/icon/load.gif"></div>');
38		$.ajax({
39			url: 'php/carga-noticias.php',
40			type: 'POST',
41			data: { from: indiceLeft, to: indiceRight },
42		})
43		.done(function(res) {
44			$('#noticias').html(res);
45			indiceLeft += 2;
46			indiceRight += 2;
47		})
48		.fail(function() {
49			console.log("error");
50		})
51		.always(function() {
52			console.log("complete");
53		});
54		
55	});
56});