Olaf Heinrich: Slideshow in PHP

Beitrag lesen

SELF-Forum

Slideshow in PHP

Olaf Heinrich
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich stehe momentan vor einem kleinen Problem bei einer PHP Slideshow. Vielleicht kann mir ja jemand helfen. Zur Erklärung:
Ich habe auf einer Seite z.B. 25 Bilder aufgelistet. Wenn man auf ein Bild klickt, öffnet sich ein Popup Window und das Bild wird im Großformat angezeigt. Unter dem Bild soll mit "vor- und zurück" durch das Verzeichnis navigiert werden um ein Bild vor- oder zurück gehen zu können.

Bis zu dem Punkt, das das Bild angezeigt wird, welches ausgewählt wurde, funktioniert alles. Auch das hin- und herblättern funktioniert, nur leider beginnt die Slideshow immer mit dem ersten Bild und nicht erst an der Position des ausgewählten Bildes.

Wie kann ich also die aktuelle "Dateiposition" im Verzeichnis so in das Script einbauen, das die Slideshow erst ab dem ausgewählten Bild beginnt?

Hier mal der Quelltext:

<?
$verzeichnis = $_GET["serie"];

echo "
<script type=text/javascript>
Animation=new Array();
bild=new Array();
";
$ordner=opendir ($verzeichnis);
$by = 1;
while ($file = readdir ($ordner)) {
 if($file != "." && $file != "..") {
  If ($file !=( $file[5] == "_")) {
   echo "bild[$by]='$verzeichnis$file';\n";
  $by++;
  $last_pic = $verzeichnis.$_GET["image"] ;
  }
 }
}
closedir($ordner);
echo "
var aktuell=0, ende=$by-1;

for(r=1; r < $by; r++) {
 Animation[r]=new Image(); Animation[r].src=bild[r];
}

function blaettern(richtung) {
 if (aktuell+richtung >= 1 && aktuell+richtung <= ende) aktuell += richtung;
 document.images.dummy.src=Animation[aktuell].src;
}
</script>
";
echo'
<html>
<head>
 <title>Parafun Media Center</title>
 <meta name="author" content="Olaf Heinrich">
 <link rel="STYLESHEET" type="text/css" href="../script/css/media.css">
</head>
<body marginwidth="0" marginheight="2" leftmargin="0" topmargin="0">
<table align="center" width="100%">
 <tr>
  <td valign="top"><img src="' . $last_pic . '" border="0" width="800" height="600" name="dummy"></td>
 </tr>
 <tr>
  <td align="center" class="letter7pt000000" height="50" valign="middle"><a href="javascript: blaettern(-1);">Zurück</a>&nbsp;<a href="javascript: blaettern(1);">Vorwärts</a></td>
 </tr>
</table>
</body>
</html>
';
?>

Vielen Dank schon mal im Voraus
Olli

Beitrag melden
–
Informationen zu den Bewertungsregeln