Bildershow - absoluter Anfänger Einstellungen

[engelchen301]

Hallo Zusammen,

ich bin ein absoluter Homepageanfänger! Ich bin jetzt dabei mir eine zu erstellen und ich möchte kleine Vorschaubilder auf meiner Page, die, wenn man draufklickt, groß werden. Das hab ich auch schon hingefummelt:
<a href="Foto.jpg"><img src="Foto.jpg" width="200" height="150" alt="Vorschau" border="1">

Jetzt möchte ich aber gerne, daß, wenn man das große Bild auf hat, man mit einem "Weiter" Knopf zum nächsten großen Bild wechseln kann. Damit die Besucher meiner Page dann nicht immer auf zurück müssen und dann das nächste Vorschaubild anklicken müssen. Drück ich mich verständlich aus?

Ich hoffe jemand kann mir helfen, aber bitte kein zu schweres Fachchinesisch, wie gesagt ich bin absoluter Neuling auf dem Gebiet

Danke im Voraus

[harlequin]

moin!

Eigentlich ist es ganz einfach, allerdings sollte man vorher die Bilder vernünftig benennen und am besten in einem separaten Ordner ablegen.

Also:
Du hast als Beispiel zehn Bilder (foto01.jpg - foto10.jpg), die im Verzeichnis /bilder/ liegen.
Auf einer Seite hast du die kleinen Vorschaubilder, vielleicht/am besten in einer Tabelle, dies ist aber Geschmacksache. Jedes dieser Vorschaubilder ist verlinkt, aber nicht auf das große Bild dahinter selbst, sondern auf eine eigene HTML Seite, die 1. das Bild und 2. eine 'vor/zurück' Navigation enthält.

Dein Homepage Verzeichnis könnte dann so aussehen:

/bilder/foto01.jpg
/bilder/foto02.jpg
/bilder/foto03.jpg
/bilder/foto04.jpg
/bilder/foto01.html <- Diese Dateien enthalten die gleichnamigen Bilder und Verweise (Links) zu den nachfolgenden Seiten.
/bilder/foto02.html
/bilder/foto03.html
/bilder/foto04.html
/fotos.html <- Diese Datei liegt zum Beispiel im Hauptverzeichnis und enthält die Vorschaubilder mit den Links auf die HTML Dateien, die ich oben angeführt habe

Das sollte es schon gewesen sein. Es wäre eine sehr vereinfachte Variante, ausschließlich mit HTML und für ein paar Bilder durchaus leicht pflegbar.
Es gibt noch einige andere Möglichkeiten, manche Grafikprogramme bieten zum Beispiel 'Bildergalerien per Klick' an, aber ich persönlich bevorzuge die handgeschriebene Variante - obwohl ich so etwas heutzutage eher mit PHP lösen würde, aber du hast nach einer ganz einfachen Lösung gefragt und PHP wäre fortgeschritten...

[engelchen301]

Das scheint wirklich einfach zu sein. Ich hab es zumindest verstanden . Ich versuch das direkt mal aus.
Tausend Dank!

[jomal]

Das scheint wirklich einfach zu sein. Ich hab es zumindest verstanden . Ich versuch das direkt mal aus.
Tausend Dank!

Ich hab sowas mit JavaScript gemacht, ich weiß, verpönt bei Vielen.

<a href="../bilder/siegfr1.html"
onMouseover="Bildwechsel(0,Highlight0)"
onMouseout="Bildwechsel(0,Normal0)" target="_mitte">
<img src="../bilder/siegfr1.jpg" border="0" alt="click=größer">
</a>

In dem Moment, wo Du mit der Maus rüber fährst, poppt das große Bild auf.
Und wenn Du da noch nen Link zum nächsten Bild drunterlegst, sollte das eigentlich klappen.
Bin mir aber nicht ganz sicher, da ja nur ein Bild und kein HTML aufgerufen wird.

jomal

[Thomas]

<a href="../bilder/siegfr1.html"
onMouseover="Bildwechsel(0,Highlight0)"
onMouseout="Bildwechsel(0,Normal0)" target="_mitte">
<img src="../bilder/siegfr1.jpg" border="0" alt="click=größer">
</a>

Dieses Posting solltest du vielleicht nochmal überarbeiten - ohne die Beschreibung der Funktion Bildwechsel() bringt das nicht viel und selbst wenn, ist doch der einzige Effekt des JS-Codes, dass beim Überfahren der Thumbnail ausgetauscht wird, oder?

[engelchen301]

ich hab ne Seite im Netz entdeckt, da ist das richtig schön gemacht.

www.coverband-handsup.de
wenn ihr mal auf "Fotos" geht und dann am besten auf "Pfarrfest 2007", und dann mal ein Foto von weiter unten öffnen (oben scheint das irgendwie kaputt zu sein).
Das find ich richtig schön gemacht, kann mir einer erklären wie das geht oder ist das zu kompliziert?

[Thomas]

Das find ich richtig schön gemacht, kann mir einer erklären wie das geht oder ist das zu kompliziert?

Das ist zumindest handwerklich gut gemacht, da es auch ohne JavaScript funktioniert. Auf die Schnelle konnte ich nicht herausfinden, wie es genau gemacht wird (vielleicht mit Flash?) - von daher bin ich auch daran interessiert, falls jemand erkennen kann, wie das gemacht wird.

Scheint wohl alles über JavaScript zu laufen - und um deine Frage zu beantworten: Es ist kompliziert .

[edit: nochmal genauer hingeschaut]

Der Beitrag wurde von Thomas bearbeitet: 29.06.2007 - 9:07

[harlequin]

moin!

Um das zu kompletieren: Es kommt auf der Seite "Lightbox" zum Einsatz. Ein fertiges Javascript, das relativ einfach einzubauen ist.
Beschreibung ist in englisch, aber auch 'relativ einfach' gehalten. Das Skript funktioniert tatsächlich auf den 'normalen' Browsern. Hat nur anderthalb Nachteile:
1. Wenn ein Benutzer Javascript deaktiviert hat, oder eine 'Internet Security' - Lösung das Javascript fälschlicherweise als böse betrachtet war es das, keine schönen, sich auffaltenden Bilder mehr. Es wird dann nur noch das Bild angezeigt und der Benutzer kommt ausschließlich per 'zurück' Knopf seines Browsers wieder zu den Thumbnails.

1.5 Wenn man noch nicht so viel Erfahrung mit dem Thema hat, kann das einbauen doch komplizierter sein und ein wenig Fummelarbeit und ggf. Frust nach sich ziehen.

Die Vorteile sieht man aber, es ist schick! Und wenn man einmal das Prinzip verstanden hat, muss man nur noch die Seite(n) mit den Vorschaubildern pflegen.

Fazit: Geschmacksache.

Nachtrag: Hier gibt es eine neuere Version von dem Skript, welche auch das Blättern zwischen mehreren Bildern ermöglicht. Einbau ein klein wenig komplexer, aber eigentlich eine schöne Sache.

have fun!
Lars

[Peter Gedamke]

Das find ich richtig schön gemacht, kann mir einer erklären wie das geht oder ist das zu kompliziert?

Das ist zumindest handwerklich gut gemacht, da es auch ohne JavaScript funktioniert. Auf die Schnelle konnte ich nicht herausfinden, wie es genau gemacht wird (vielleicht mit Flash?) - von daher bin ich auch daran interessiert, falls jemand erkennen kann, wie das gemacht wird.

Scheint wohl alles über JavaScript zu laufen - und um deine Frage zu beantworten: Es ist kompliziert .

[edit: nochmal genauer hingeschaut]

Mit Flash ist schon OK
Hier kann man mal eine Diashow von mir ansehen, die mit einem kleinen kostenlosen Flash-Programm erstellt wurde.
Die Adresse des Anbieters wird (leider) zum Schluss mit eingeblendet... aber na ja, soooooo stöhrend ist's nicht

Diashow - Menschen in Berlin

[Peter Gedamke]

Eine normale Foto-Ansicht mit kleinen Vorschaubildern (lt. der eigentlichen Anfrage wenn ich mich recht besinne) könnte auch so aussehen:

http://www.pg-private-line.de/privacy-fotoalbum1/index.html

Peter

[Google Bot]