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

[PickUp]

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

<?php
$link = mysqli_connect("localhost", "root", "", "articl");
/* Подключение к базе articl */


if (mysqli_connect_errno()) {
    printf("Соединение не удалось: %s\n", mysqli_connect_error());
    exit();
/* проверка соединения */
}

$query = "SELECT image, alt FROM image ORDER by ID LIMIT 9";
/* здесь из базы берётся путь к картинке - image - и какой-то комментарий - alt; */
if ($result = mysqli_query($link, $query)) {

    /* извлечение ассоциативного массива */
    while ($row = mysqli_fetch_assoc($result))
{
/*Ниже вывод картинки на экран, всякие классы и т.д. для css*/
  printf ('
  <li class="item-thumbs span3 design" style="background:url('.$row["image"].');">
  <a class="hover-wrap fancybox" data-fancybox-group="gallery" title="'.$title.'" href="'.$row["image"].'"'.$title.'">
  <span class="overlay-img"></span>
  <span class="overlay-img-thumb font-icon-plus"></span></a>
  <img src="'.$row["image"].'" alt="'.$row["alt"].'">
  </li>');
  }
      /* удаление выборки */
    mysqli_free_result($result);
}

/* закрытие соединения */
mysqli_close($link);
?>

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

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

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

 

[riff]

должны сменяться текущие картинки на следующие - без перезагрузки страницы

jQuery.ajax
отправляешь запрос, получаешь ответ (хоть кусок html типа: "<ul><li>...<li>...</ul>", хоть json с одними номерами: {1,2,3}).

Но как при нажатии по кнопке дать этой самой $i другое значение?

в ajax запросе передаёшь ссылку с параметрами:
$.ajax({
url: "/images/",
data: {p:2}
....
});
и твоя "$i = $_GET['p']*9;"