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?

[jomal]

<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?

Oh, Du hast mal wieder Recht, wie eigentlich immer.
Hab nur im Moment keine Homepage, den gesamten Code reinzustellen ist ein bißchen viel. Habe eben auch keine Zeit dazu.
Ich hab vergessen, dass da ja ein Anfänger sitzt, sorry.

Aber zum Ablauf: da steht nur eine Schaltfläche mit Anschrift und so, fährst Du mit der Maus drüber erscheint ein Bild der Firma und klickst Du drauf,
dann kommt das größere Bild.
Muß mal sehen, ob ich das bis morgen hinkriege als Mini Version, die ich hierreinpacken kann.
jomal

[Thomas]

Oh, Du hast mal wieder Recht, wie eigentlich immer.

Du Schmeichler - aber ich lass das mal so stehen, Dankeschön .

Aber zum Ablauf: da steht nur eine Schaltfläche mit Anschrift und so, fährst Du mit der Maus drüber erscheint ein Bild der Firma und klickst Du drauf, dann kommt das größere Bild.

Kann mich dunkel daran erinnern, dass wir das Thema schon einmal hatten. Ist aber für einen Anfänger definitiv zu viel. Wie schon oben geschrieben, am Besten fängt man mit der von Lars beschriebenen, einfachen Lösung an und erweitert diese dann ggf. sukzessive (z. B. mit Lightbox und/oder PHP).