Slideshow, Bilder aus Verzeichnis holen

[NeulingJS]

Hallo,

ja ich bin neu hier, und ja ich bin ein blutiger Anfänger.
Umso mehr hoffe ich auf Eure Hilfe.

Nach stundenlanger (!) vergeblicher Suche im Internet nach einer passenden Slideshow, frage ich mich ob denn noch keiner auf die Idee wie folgt gekommen ist:

- einfache Slideshow die autmatisch startet (onload page)
- nicht die Bilder die angezeigt werden sollen umständlich in einen Container oder ein Array packen, sondern direkt aus einem angegebenen Verzeichnis auslesen --> ich möchte nicht jedesmal das Script anpassen müssen wenn ich ein neues Bild in das Verzeichnis kopiere
- das script soll selbst erkennen wieviele Bilder im Verzeichnis sind und es sollen die Bilder auch nicht durch irgendeinen Namensbegriff gekennzeichnet werden müssen

Ich stelle mir das so vor:
- das Script prüft ein Verzeichnis --> dies sollte in einer Variablen übergeben werden können, es stellt fest, dass dort 7 Bilder sind
- die Bilder werden nun in die Slideshow aufgenommen anhand der Namen die die Bilder haben --> ein Reihenfolge-Kriterium könnte z.B. alphabetisch sein oder das Datum (mit Uhrzeit) wann ein Bild hochgeladen wurde
- die Bilder sollen nicht alle gleich auf einmal geladen werden, sonst wartet der HP-User evtl. zulange. Statt dessen wird das 1. Bild geladen und während es angezeigt wird, wird dann das 2. Bild geladen usw. usw.

Damit hätte man es nicht mehr nötig jedesmal das Script umzuschreiben wenn man neue Bilder sliden will.

Es wäre toll wenn mir jemand so ein Script machen/zeigen könnte.

Vielen Dank im Voraus.

[Albu]

Damit hätte man es nicht mehr nötig jedesmal das Script umzuschreiben wenn man neue Bilder sliden will.

Wenn das, was Du da vorhast, möglich wäre, glaubst Du nicht, dass die anderen Autoren von Bildergalerie-Skripten da nicht auch schon drauf gekommen wären, und dies unterstützen würden? Unter dieser Annahme hättest Du also mindestens eines finden müssen, welches dies implementiert, denn es wäre ja quasi ein Standard für solche Skripte.
Die Tatsache, dass Du kein einziges, passendes Skript gefunden hast, läßt zwei Schlüsse zu:
a) Du hast gar nicht gesucht oder
b) sowas gibt es in Javascript nicht.

Ich will Dir mal glauben, dass a) nicht zutrifft, b) tut es auf jeden Fall.

[Ava-chan]

Das Problem ist um die ausführung von Albu etwas zu erweitern, das JavaScript eine Clientseitige Sprache ist welche nicht direkt vom Server daten bekommt.

Eine Möglichkeit so ein Skript zu programmieren währe es wenn du das Javascript auf dem selben Server wie die Bilder hast und das ganze in eine PHP Seite einbettest. Nun muss die PHP Seite den Ordner scannen (meinetwegen in welchem sie liegt) und die bilder alle in das Array schreiben auf das das JavaScript dann zugreift und dieses Array nutzt um die Bildergalerie anzuzeigen. Da Javascript selbst keine Funktionen hat um auf Webverzeichnisse im eigentlichen Sinn zuzugreifen und die anzeige von Webverzeichnissen sich je nach Server und oder Browser unterscheided ist ein direktes auslesen per JS nicht möglich.

MfG,
Ava-chan

[NeulingJS]

Ah ja, das mit der Clientseite von Javascript hatte ich schlichtweg vergessen.

Bei meiner Suche habe ich unter anderem folgendes Script gefunden:

http://www.jstruebig.de/web/javascri...rce/slideshow/

Der Coder gibt eine maximale Anzahl von Bildern, z.B. 25, im Script vor.
Zusätzlich setzt er einen Verzeichnispfad, z.b. bilder.
In das Verzeichnis bilder schiebt er nun nummerierte Bilder von 1-18 (01.jpg, 02.jpg ...) lässt dann eine Lücke und schiebt noch das Bild 25.jpg in den Ordner.
Das Script zählt wohl einfach hoch und ignoriert die fehlenden Bilder.
Leider bringe ich das Script bei mir nicht zum laufen, keine Ahnung warum, vielleicht kann es ja jemand hier mal testen.

Dieser Ansatz scheint mir gangbar: gibt man 99 Bilder als Anzahl vor, so muss man zumindest nur noch die Bilder nummerieren wenn man sie hochschiebt.
Man könnte dann in einer korrespondierenden Text-Datei einen Bildtitel angeben der mit ausgelesen wird ...

Andererseits: wenn ich Eure Antworten (für die ich mich hiermit auch bedanken möchte) richtig interpretiere, dann wäre es möglich per PHP das Verzeichnis auszulesen, die Dateien per Datum und Uhrzeit so sortieren und dann das Array von Javascript übernehmen zu lassen. Ist das richtig so ?

[Albu]

Dieser Ansatz scheint mir gangbar: gibt man 99 Bilder als Anzahl vor, so muss man zumindest nur noch die Bilder nummerieren wenn man sie hochschiebt.
Man könnte dann in einer korrespondierenden Text-Datei einen Bildtitel angeben der mit ausgelesen wird ...

Bei einer Slideshow mit nur 20 Bilder hast Du also 80% tote Bilder, die aber alle beim Server angefragt werden und dort einen 404er erzeugen. Und die Zeit, in der die Bilder abgefragt werden und der Browser, sowie Deine Leitung belegt sind, sollte man auch nicht verachten.
Ein weiterer Aspekt ist die Suchmaschinenfreundlichkeit. Bilder, die gescheite Namen haben, sowie mit vernünftigen ALT Tags ausgestattet sind, werden von den Suchmaschinen sicherlich besser bewertet, als Bilder, die per Javascript erzeugt werden und Namen, wie 01.jpg tragen. Wobei die wenigsten Suchmaschinen den JS-Krams überhaupt interpretieren dürften und so tragen Deine Bilder nicht zur Bewertung Deiner Seite durch die Suchalgorithmen bei. Das mag für Dich jetzt keine Rolle spielen, aber man sollte das zumindest im Hinterkopf behalten, wenn man sowas bei einem Kunden anbringen möchte.

[NeulingJS]

Na ja,

da ich Neuling bin kannst Du sicher annehmen, dass ich nichts für Kunden mache, so vermessen bin ich nicht.

Ich möchte das einfach für eine eigene Homepage haben und da ist mir eine Suchmaschine tatsächlich wurscht.
Auch habe ich nicht vor 100e von Bildern hochzuladen.
Nur bin ich halt ein faules Schwein und möchte eine Sache eben so am laufen haben, dass Änderungen (in meinem Fall Bilder) so einfach wie möglich sind: Bild auf den Webspace schieben, schwupps fertig.

Auch sagte ich ja, dass der Ansatz mit dem 99 Bilder-Beispiel nicht so das ist was ich suche.

Bleibt also die Frage nach der PHP-Verknüpfung mit Javascript offen und wer sowas machen kann, bzw. ob jemand einen einfachen Code dafür hat.

Die Idee von mir ist doch an sich nicht schlecht ...

[kkapsner]

Die Idee ist nicht schlecht - das ist auch machbar... wieviel PHP kannst du denn?

[NeulingJS]

Tjo, leider Anfänger ...

[kkapsner]

Dann beschäftige dich mal mit opendir und readdir - damit kannst du Ordner auf dem Server auslesen.
Den benötigten JS-Array für die Bilderschau musst du dann nur noch ausgeben lassen.

[NeulingJS]

Okay.

Wie wär's damit:

<?php
// Verzeichnis . ist das Verzeichnis in dem auch die php-Datei liegt = verzeichnis_einlesen.php
$verzeichnis = ".";
// Verzeichnis öffnen
if (is_dir($verzeichnis))
{
    if ( $handle = opendir($verzeichnis) )
    {
        // Dateinamen einlesen
        while (($file = readdir($handle)) !== false)
        {
            // vorher testen, ob der Dateiname die Endung .jpg hat, nur .jpg Dateinamen einlesen
            if ( filetype( $file) == "file" 
                 AND substr( $file, -4) == ".jpg")
            {
                // Dateiname im Array bilderdateinamen speichern
                $bilderdateinamen[] = $file;
            }
        }
        // Verzeichnis wieder schließen
        closedir($handle);
    }
}
// Anzeigen des Arrays mit zugewiesenem Bilderdateinamen zur Kontrolle
echo "<pre>";
print_r ( $bilderdateinamen );
echo "<hr />";
// Anzeigen der Dateinamen, der im Bild integrierten Bild-Titel (falls vorhanden) und der Bilder selbst
foreach ( $bilderdateinamen AS $dateiname )
{
    echo "Dateiname: $dateiname:<br />\n";
    // Informationen aus dem Bild auslesen
    $exif = exif_read_data($dateiname, ANY_TAG, true, true);
        print_r ($exif);
    echo "<h2>". $exif['WINXP']['Title'] . "</h2>";
    // das Bild anzeigen
    echo "<img src=\"$dateiname\"";
    // Bilddaten
    echo $exif['COMPUTED']['html'];
    echo " alt=\"";
    echo $exif['WINXP']['Title'];
    echo '" \> ';
    echo "<hr />";
}
?>

Damit hätte ich ja schon alles nötige an Informationen.
Jetzt muss ich sie nur noch in das Array bilderdateinamen in das JavaScript zum sliden übergeben, richtig ?

[kkapsner]

Ja.

[Junkee[]]

[NeulingJS]

wie muss ich das grinsend zähnefletschende Mondgesicht jetzt verstehen Junkee ? :-)

[Junkee[]]

Als mein Gesicht beim bildlichem Vorstellen des Gesprächs. Wobei ich hoffe, dass ich nicht wie ein zähnefletschende Mondgesicht ausgesehen habe.

[NeulingJS]

von welchem Gespräch schreibst Du ?