Bildergalerie mit automatisch wechselnden Bildern(+lightbox)

Hallo!

Ich habe die Idee auf meiner Homepage eine Galerie anzulegen in der nur eine bestimmte anzahl von Bildern angezeigt wird zb 50.
Jeden Tag sollen sich die Bilder wechseln
hier der gedachte Script.

<script language="javascript"> var mondayimg="images/index/mondayimg.jpg" var tuesdayimg="images/index/tuesdayimg.jpg" var wednesdayimg="images/index/wednesdayimg.jpg" var thursdayimg="images/index/thursdayimg.jpg" var fridayimg="images/index/fridayimg.jpg" var saturdayimg="images/index/saturdayimg.jpg" var sundayimg="images/index/sundayimg.jpg" var mydate=new Date() var today=mydate.getDay() if (today==1) document.write('<img src="'+mondayimg+'">') else if (today==2) document.write('<img src="'+tuesdayimg+'">') else if (today==3) document.write('<img src="'+wednesdayimg+'">') else if (today==4) document.write('<img src="'+thursdayimg+'">') else if (today==5) document.write('<img src="'+fridayimg+'">') else if (today==6) document.write('<img src="'+saturdayimg+'">') else document.write('<img src="'+sundayimg+'">') </script>
Aber ich will, dass sich die Bilder beim ancklicken vergrößern so was in der Art wie “lightbox” (script vorhanden)
Wie schaffe ich es, dass sich die Bilder also automatisch ändern und sich vergrößern lassen?
Ist es evtl möglich den wechselscript mit dem lightboxscript zu verschmelzen?

Meine Kenntnisse sind auf dem Anfänderniveau.
PHP beherrsche ich nicht.
selber scripten kann ich auch nicht. Sammel mir immer alles zusammen.

wäre super wenn jemand ne “idiotensichere” Lösung hätte

GreeZ AJ

[...] if (today==1) document.write('<a href="'+mondayimg+'" rel="lightbox"><img src="'+mondayimg+'"></a>') else if (today==2) [...]

Die Vorteile einer Umsetzung mit PHP+(X)HTML+CSS liegen vor
allem darin, daß sie funktioniert (und auch nicht sonderlich
kompliziert ist).
Bei anwenderseitigen Skripten weiß man ja als Autor nie so recht,
ob und wenn dann wie sie ausgeführt werden, ist also keine stabile,
zuverlässige Lösung.

Wie auch immer - ich gehe mal davon aus, daß das nicht zufällig
ausgewählte Bilder sein sollen, sondern bestimmte, aber täglich
verschiedene Bilder. Wenn du ferner beim Schreiben des
(PHP-)Skriptes bereits weist. welche Bilder es gibt, kannst du doch
einfach für jeden Tag eine Liste oder ein Unterskript vorhalten,
welches dann am betreffenden Tag abgearbeitet wird. Es kommen
also nur Bilder aus der Tagesliste zur Anzeige, weil nur diese in
dem Skript(-fragment) stehen, welches an dem betreffenden Tag
ausgeführt wird.

Ist hingegen nicht bekannt, welche Bilder es gibt, die Anzahl ist
aber konstant, müßte das Skript eben die Anzahl ermitteln, die
Bilder ungefähr gleichmäßig auf die betreffenden Tage verteilen,
die Listen also selber einmal anlegen - oder eben bei Änderungen
müßte man dieses Skript einmal laufen lassen, um die Listen für
das Anzeigeskript zu aktualisieren.

In meiner Bildergalerie mit einigen tausend Bildern in diversen
Unterausstellungen kommen häufiger mal welche dazu, da
aktualisiere ich die Listen für die Unterausstellungen allerdings
immer selber, was recht einfach ist, weil man unter Linux mit
ls -1 einfach eine kopierfähige Liste von Dateinamen in einem
Verzeichnis bekommt, die man dann als Liste verwenden kann.
Kleine Vorschaubilder mache ich da auch selber auf meinem
eigenen Rechner mit einem Skript, weil es unsinnig wäre, das
jedesmal entweder den server oder den browser machen zu lassen.
Um so ein Vorschaubild macht man dann ein a-Element mit einem
Verweis entweder direkt zum großen Bild oder auf eine Seite oder
ein Skript, welches das Bild in originaler Größe präsentiert.

@ hummer

ich habe folgende "einzelteile"
headbereich:

[code]

[/code]

Originalscript von lightbox (ausschnitt):

Bildwechselscript: siehe oben

Ich begreife nicht, wie ich es hinbekommen kann, dass sich auf der seite automatisch täglich die Bilder wechseln UND man beim anklicken dieser eine vergrößerte ansicht bekommen kann. habe es so übertragen wie in deinem Post aber es passiert nichts.

@ Hoffmann
Das meinte ich mit Anfängerniveau. Ich verstehe leider rein garnichts vom dem was du mir mitgeteilt hast :unamused:

Ich habe dir nicht erläutert, wie du das präzise technisch umsetzt,
hängt natürlich davon ab, welche Skriptsprache man verwendet ;o)
Ich denke, eine Liste von Bildern pro Tag mußt du so oder so
anlegen, woher soll der Ausführende des Skriptes sonst wissen, was
du willst?
Kannst natürlich auch die Tage durchnumerieren und für jeden Tag
ein Verzeichnis anlegen, darin dann jeweils die Bilder mit denselben
Namen. Dann mußt du das Skript nur dazu bringen, täglich in ein
anderes Verzeichnis nach den gleichen Bildernamen zu gucken ;o)

Mit PHP könnte ich wohl erklären wie man das macht. Je nachdem,
wie man das machen will, hält sich da der Aufwand in Grenzen und
ist nicht browser-abhängig. Notwendig zum Verständnis wäre aber
schon, daß du dir da mal ein paar Stunden eine Einführung in PHP
antust. Für so eine einfache Anwendung sollten Grundkenntnisse
reichen.
Da ich von java-script und DOM nicht viel verstehe, kann ich es in
der Sprache nicht erläutern, mag da auch browser-spezifische
Probleme geben, denn das wird ja jeweils vom browser des
Nutzers ausgeführt oder eben auch nicht, eben gegebenenfalls
unterschiedlich, was dort alles verkompliziert oder im einfachsten
Falle unmöglich macht, wenn der browser gar kein java-script
interpretiert.

Ein Livebeispiel, was du bereits gemacht hast, wäre da auch sinnvoll. So kann man ja nur raten.

Das Problem ist ja, dass ich nicht weis wie ich anfangen soll.
habe ja zwei mögliche scripte einmal für galerie und der andere für den bildwechsel und weiter weis ich nicht.
aber eine Beispielseite wie es aussehen sollte (in etwa):
http://www.cssplay.co.uk/menu/lightbox.html#flower8
Nur meine Idee wäre halt, dass sich zusätzlich jeden tag jedes einzelne Bild automatisch ändert.
Sprich für ein mögliches bild gäbe es 7 varianten.
Ist den sowas überhaupt umsetzbar… allgemein?

lg AJ

Zweifelsohne kannst du doch schon mal umsetzen, daß du eben
7 solche Galerien erstellst.

Dann brauchst du nur noch ein einfaches Skript, welches an einem
bestimmten Tag eine bestimmte dieser Galerien auswählt.
Das ist aber in PHP ein Skript mit sagen wir mal 1 bis 10 Zeilen,
was man hier einfach als Beispiel hinschreiben kann, etwa wenn
man den Wochentag als Auswahlkriterium nimmt (ausführlich,
damit es besser verständlich ist):

<?php
$tag= date("N");
$datei=$tag.'.html';
include  $datei;
?>

Setzt dann voraus, daß man die Galerien anlegt als Dateien
1.html bis 7.html.
Das Skript nennst du dann etwa index.php und pappst es in das
Verzeichnis, wo 1.html bis 7.html stehen. Beim Aufruf des
Verzeichnisses sollte es dann gehen (habe es aber nicht ausprobiert,
wenn Fehler kommen, müßte ich das dann wohl mal tun ;o)
Das ist nicht elegant, aber wenn du keine Ahnung hast, so ziemlich
das dünnste Brett, was du bohren kannst ;o)

Als Einzeiler mit Dateien 1 bis 7 (also ohne Endung) geht das sogar so:

Nabend!

danke Hoffmann & Hummer!

habe mir heute mal php angeschaut was es überhaupt darstellt… ja in der Tat… wäre auf einige Woche erlernbar ^^ hatte bis jetzt einfach keine motivation dazu.

Was deinen Code angeht. Danke. werde es noch umsetzen…
bin geraden im Prüfungsstress…
aber eine Frage noch. Was wenn meine “index.php” datei nicht im selben ordner sich befinden sollte. wie muss ich dann den phpabschnitt verändern?

liege ich richtig mit der Annahme, dass in dieser zeile dann eine andere Angabe sein müsste?

Ja klar, da mußt du den Pfad zur Datei mit angeben, entweder
relativ zu der aufgerufenen PHP-Datei, die die Datei einbinden
soll oder der absolute Pfad auf dem server (also nicht der, der per
HTTP-Aufruf sichtbar wird).

Liegt die einzubindende Datei in einem Unterverzeichnis ‘u1’,
so wäre das dann

$datei='u1/'.$tag.'.html';

Oder in einem ‘Geschwisterverzeichnis’ ‘g1’:

$datei='../g1/'.$tag.'.html';

etc

Der Punkt (.) verkettet Zeichenketten miteinander, was in
einfachen Anführungszeichen steht (’) wird nicht weiter
interpretiert, daher muß man die Variable extra einfügen.
Geht auch anders, das kannst du ja aber nachlesen …

hallo =)

habe es nun ausprobiert aber irgendwas scheint nicht zu stimmen.
Bis jetzt habe ich meine 1-7.html seiten mit den Bildern

meine fotoalbum.php seite wie genau erstell ich diese?
braucht man dafür ein programm? (habe mit dem editor es so gemacht):

[code]
.
.
.

<?php $tag= date("N"); $datei=$tag.'.html'; include $datei; ?>

.
.
.[/code]
und wo genau füge ich den code ein?

danke schon mal für eure hilfe

p.s: für die Lightbox habe ich eine andere variante gefunden Bildergalerie mit css vergrößerungseffekt (nicht die beste Variante aber die, die meiner vorstellung am nahesten kam.)