Dynamické načítání stránek z DB (+ URL)

<?php
// ...
$stranky = array("uvod", "novinky", "reference", "kontakt");
$pozadovana = isset($_GET["stranka"]) && in_array($_GET["stranka"], $stranky) ? $_GET["stranka"] : $stranky[0];
foreach($stranky as $stranka)
{
  $aktivni = ($stranka == $pozadovana ? "aktivni" : "");
  echo "<div class=\"stranka $aktivni\" id=\"$stranka\">" . include("$stranka.php") . "</div>"; 
}
// ...
?>

<a href="/novinky" onclick="zobrazStranku('novinky');return false;">Novinky</a>

function zobrazStranku(stranka){
  skryjAktualniStranku();
  aktualizujPozadi(stranka);
  // Pripadne nejaka animace
  document.getElementById(stranka).classList.add("aktivni");
  window.history.pushState("", "", "/" + stranka);
)

function skryjAktualniStranku()
{
  // Pripadne nejaka animace...
  document.getElementsByClassName("aktivni")[0].classList.remove("aktivni");
}

function aktualizujPozadi(stranka)
{
  // Nejjednodušší by bylo, kdyby byly ve stejné složce, jmenovali se podle stránky, ke které patří, a měly stejný formát, jinak by se to muselo udělat přes asociativní pole (v javasriptu by to byl objekt)
  document.getElementById("pozadi").style.backgroundImage = "url('obrazky/pozadi/" + stranka + ".jpg')";
}

.stranka { /* styly pro div s obsahem stranky a pak: */ display:none; }
.stranka.aktivni { display:block; }

var Bg = $(this).attr('href');
$('#pozadi').data('new-bg', Bg);

$('#pozadi').animate({ left: '100vw' }, 1500, 'swing',

  function(){ /* on complete */
    var pozadi = $("#pozadi");
    var new_Bg = pozadi.data("new-bg");
    pozadi.css('background-image', 'url(/TraxartSystem/galerie/bg_' + new_Bg + '.jpg)');
    pozadi.animate({left: '0vw'}, 1500);
  }
  
);

<script type="text/javascript">
// globalni promenna
data_z_php = "<?= $promenna ?>"; // <?= je alternativa za delší <?php echo
</script>

<?php
// jestli nepouzivas PDO, tak z DB vysledku bude potreba udelat asociativni pole "stranka" => "url pozadi"
$pozadi_z_DB = $result->fetchAll(PDO::FETCH_KEY_PAIR);
?>
<script type="text/javascript">
pozadi = <?= json_encode($pozadi_z_DB); ?>; // json encode z doho udela rovnou js objekt a.k.a. asociativni pole pro js
</script>

function str_zobraz() {
  // zkopirovani obsahu preloaderu do viditelneho divu
  var obsah = $('#stranka_preload').html();
  $('#stranka').html(obsah);
  $('#stranka').data('ceka-na-nacteni', false);
  // vraceni divu s novou strankou
  $('#stranka').animate({ left: '0vw' }, 1000, 'swing');
  
  // Event Listenery:
  $('.obsah span a').click(function() {konverze_zavrit(); cist_otevrit();});
  $('.obsah_popup_info span a').click(cist_zavrit);
  $('.konverze a').click(function() {cist_zavrit(); konverze_otevrit();});
  $('.obsah_popup_konverze span a').click(konverze_zavrit);
}