HTML / jQuery Slideshow

[pl]

Die Bilder müssen numerisch durchnumeriert sein damit sie sortiert werden können. Untenstehend ein bischen Code wie ich das mal gemacht habe:

<p style="text-align:center">
<img onerror="weiter(true)" src="/korfu/1.jpeg" alt="dia" id="dia" onLoad="window.setTimeout('weiter()',3000)">
</p>

</script>
function weiter(cpp){
    if( this.number == null) { this.number = 1 }
    var dia = document.getElementById('dia');

    number++;
    if(number > %max%) { number = 1 }

    if(cpp != null) number++;

    dia.src = '/%place%/'+number+'.jpeg';
    dia.alt = '/%place%/'+number+'.jpeg';
}
</script>

Serverseitig 

Mit rewrite werden .jpeg auf das Script umgeschossen


print eval{
    $ENV{REDIRECT_URL} =~ /^\/(\w+)\/(\d+)\.jpeg$/;
    
    die "Kein Verzeichnis im Request\n" unless $1;
    die "Dateiname nicht numerisch\n" unless $2;

    chdir $ENV{DOCUMENT_ROOT}."/".$1 or die "Verzeichnis $1 gibt es nicht\n"; 
    my @files = <*.*> or die "Keine Dateien im Verzeichnis\n";
    @files = sort @files;
    my $max = scalar @files;

    my $file = $files[$2 - 1];
    my $fh = IO::File->new;
    $fh->open($file, O_BINARY|O_RDONLY) or die "$!\n";
    read($fh, my $bin, -s $fh);
    my $lastmod = http_date({}, (stat($fh))[9]);
    $fh->close;

    "Last-Modified: $lastmod\nContent-Type: image/jpeg\n\n".$bin;
} || do{
    "Status: 502\nContent-Type: text/plain\n\n $@";
};

Nur so als Idee...