1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:

<?php
$dateiliste = array();
$backpath = ""; // muß je nach Anwendung eingetragen werden

function allfromdir($path,$match) {
global $dateiliste;
if ( is_dir ( $path ))  // Ist es ein Verzeichnis ?
  {
  if ( $handle = opendir($path) ) // Verzeichnis öffnen
    {
    while (($file = readdir($handle)) !== false)  // Verzeichnis einlesen
    {
    if (preg_match($match,strtolower($file)) && $file != "." && $file != "..") // nur gültige Einträge nehmen
      {
        $dateiliste[] = trim($file);
      }
    }
    closedir($handle);
    }
  }
}
?>					

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:

<script type="text/javascript">
function zeigeBild(sel) {
pic = sel.options[sel.selectedIndex].value;
document.getElementById('body').style.backgroundImage = "url("+pic+")";
}
</script>
<style type="text/css">
body { margin:0; border:0; padding:0; height:100%; max-height:100%; font-family:arial, verdana, sans-serif; overflow: hidden; background: transparent; background-attachment:fixed;}

#backselectform { padding: 2px; }

#backselect { width:200px; font-size: 12px; padding:1px; margin:0; cursor: pointer; background-color: orange; font-weight: bold; font-size: 16px; border: none; }
#backselect option:hover {background:aqua;}
</style>					

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

<?php
allfromdir($backpath,"(bmp|gif|ico|jpg|png)");
?>
<div style="position: absolute; top:80px; left:0px; width:200px;
overflow-x:hidden; overflow-y:hidden;">

<form id="backselectform" name="backselectform" target="" method="GET" action="content.php">
<select id="backselect" name="backselect" size="20" onChange="zeigeBild(this)" title="Hintergrundgrafik auswählen">
<?php
foreach ($dateiliste as $value)
{
  echo'<option value="'.$backpath.$value.'">'.$value.'</option>';
}
?>
</select>
</form>
</div>					

1:

pic = sel.options[sel.selectedIndex].value;					

1:

document.getElementById('body').style.backgroundImage = "url("+pic+")";					

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

function zeigeBild(sel) {
    // ...

    // Bild im Hintergrund an PHP schicken:
    var r = new XMLHttpRequest();
    r.open("POST", "ajaxscript.php", true); // Pfad ändern, natürlich! ;-)
    r.onreadystatechange = function () {
        if (r.readyState != 4 || r.status != 200) return;
        // Hier könntest du noch irgendwas loggen, wenn du möchtest.
    };
    r.send("bild="+pic);
}					

1:
2:
3:
4:
5:
6:
7:
8:

<?php
session_start();
if ($_POST["bild"] != null) {
    $_SESSION["userbild"] = $_POST["bild"];
}

// Jetzt ist in der Benutzersession jeweils die Adresse des aktuellen Bildes gespeichert.
?>