Подгрузка контента из БД, Ajax

День добрый. Столкнулся с такой проблемой - есть сайт, на нём должно отображаться не более 9 картинок на странице. При этом, по нажатию кнопки (далее) должны сменяться текущие картинки на следующие - без перезагрузки страницы. Пути к картинкам хранятся в базе данных.
Никак не могу понять, как это сделать.

Код (Text):

1. <?php
2. $link = mysqli_connect("localhost", "root", "", "articl");
3. /* Подключение к базе articl */
4.  
5.  
6. if (mysqli_connect_errno()) {
7.     printf("Соединение не удалось: %s\n", mysqli_connect_error());
8.     exit();
9. /* проверка соединения */
10. }
11.  
12. $query = "SELECT image, alt FROM image ORDER by ID LIMIT 9";
13. /* здесь из базы берётся путь к картинке - image - и какой-то комментарий - alt; */
14. if ($result = mysqli_query($link, $query)) {
15.  
16.     /* извлечение ассоциативного массива */
17.     while ($row = mysqli_fetch_assoc($result))
18. {
19. /*Ниже вывод картинки на экран, всякие классы и т.д. для css*/
20.   printf ('
21.   <li class="item-thumbs span3 design" style="background:url('.$row["image"].');">
22.   <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="'.$title.'" href="'.$row["image"].'"'.$title.'">
23.   <span class="overlay-img"></span>
24.   <span class="overlay-img-thumb font-icon-plus"></span></a>
25.   <img src="'.$row["image"].'" alt="'.$row["alt"].'">
26.   </li>');
27.   }
28.       /* удаление выборки */
29.     mysqli_free_result($result);
30. }
31.  
32. /* закрытие соединения */
33. mysqli_close($link);
34. ?>

И тут ступор. Не могу понять, как не перезагружая взять следующие 9 картинок. Ну, например в

Код (Text):

1. $query = "SELECT image, alt FROM image ORDER by ID LIMIT 9";

берём limit с $i по $i+9, добавляем if (isset($i ... в общем проверку на текущее значение переменной.
Но как при нажатии по кнопке дать этой самой $i другое значение не перезагружаясь?
Подскажите пожалуйста)