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