Изменить значение $ _Get без перезагрузки всего содержимого страницы

Question

У меня есть папка с названием автомобили, и у меня есть около 600 различных изображений, все они имеют одинаковое расширение (.jpg), и все их имена имеют номера от 1 до 600.

я показываю их как автомобильную галерею с кнопками Next и Previous, и их имя будет соответствовать переменной $ _GET (imgnumber). все в порядке и работает хорошо до сих пор,

НО , Когда я нажимаю на следующую или предыдущую кнопку перезагрузки всей страницы, чтобы показать новое изображение, я хочу изменить переменную get значение с JQuery и показать следующее или предыдущее изображение без перезагрузки всего содержимого страницы. я также хочу придать изображению красивый эффект во время его загрузки, например as (fade in)

Это мой простой код, чтобы уточнить мой вопрос подробнее

<a href="cars.php?imgnumber=<?php echo $_GET['imgnumber']+1; ?>">NEXT IMAGE</a> 
<br />
<br />
<a href="cars.php?imgnumber=<?php echo $_GET['imgnumber']-1; ?>">PREVIOUS IMAGE</a> 

            <table>
            <tr>
                <td>
                <img src="/images/cars/<?php echo $_GET['imgnumber']; ?>.jpg" />
                </td>
            </tr>
            </table>

Answer 1

<a id="next">NEXT IMAGE</a> 

<a id="prev">PREVIOUS IMAGE</a> 

            <table>
            <tr>
                <td>
                <img id="img" src="/images/cars/<?php echo $_GET['imgnumber']; ?>.jpg" />
                </td>
            </tr>
            </table>

jQuery будет:

    $(document).ready(function(){
           $("#next").click(function(e){
             e.preventDefault()


    $.ajax({url: "cars.php?imgnumber=<?php echo      $_GET['imgnumber']+1", success: function(result){
    $("#img").attr("src", "/images/cars/<?php echo $_GET['imgnumber']; ?>.jpg");
  }});
           });



        $("#prev").click(function(e){
                 e.preventDefault()
    $.ajax({url: "cars.php?imgnumber=<?php echo      $_GET['imgnumber']-1", success: function(result){
        $("#img").attr("src", "/images/cars/<?php echo $_GET['imgnumber']; ?>.jpg");
      }});
           });

         });