Se solicita experto en Javascript para solventar un par de cosas puntuales en una galería de imagenes

Tengo una galería de imágenes que se carga por medio de una respuesta JSON que devuelve el controlador después de una petición ajax, la petición se hace al hacer clic en uno de los enlaces del Navtab, son 5 años: 2016, 2017, 2018, 2019 y 2020. Después de hacer clic se cargan los primeros 21 registros correspondientes a ese año, ya que la variable index vale cero (0), al final de la galería hay un botón de "Cargar más" y al hacer clic en él la variable index aumenta su valor en una unidad si es primera vez que se hace clic en el botón, en ese momento el valor de index sería uno (1) y el controlador debe envíar los siguientes 21 registros, del 22 al 42, de haber más los próximos 20 en caso contrario ocultar el botón de "cargar más". Solucionar, que haga la consulta al hacer clic en el botón "cargar más" y devuelva los resultados correspondiente a cada año. Además de dividir el resultado de la respuesta en el Javascript para insertar un valor cada 7 registros. Ya tengo un código, se podría trabajar en base a ese, o uno nuevo.