thumbnail-galerie verlinken

[Vinzenz Mai]

Hallo,

Ich bin wirklich ein blutiger Anfänger und schon sehr stolz, das ich meine Website mit HTML und CSS so geschrieben habe, daß alles so aussieht und funktioniert, wie es soll nur das mit dem Thumbnailsverlinken klappt halt nicht.

Ich wüßte auch, wie ich das ganze machen muß, wenn ich für jedes Bild eine eigene Seite schreibe, daß finde ich aber dann doch sehr rückständig, wenn es andere Methoden gibt.

das macht dann serverseitig ein Script.

Jetzt weiß ich immer noch nicht weiter. Javascript? PHP? CSS (wäre prima, weil ich das schon etwas beherrsche)?

eine reine CSS-Lösung (ohne die von Dir angesprochenen eigenen Seiten) mit :target läßt IE 8 und älter außen vor. Die Verbreitung dieser Versionen ist leider nicht vernachlässigbar. Wäre dies für Dich ok?

Wenn Du es mit Javascript umsetzt - ist es für Dich ok, dass Benutzer ohne Javascript das Bild nicht dort sehen, wo Du es gerne hättest?

Nehmen wir folgendes Codefragment an:

<img id="vollansicht" src="" alt="Vollansicht">

...

<ul>
    <li><a href="/pfad/zur/vollansicht/bild1"><img src="/pfad/zum/thumb/bild1"></a></li>
    <li><a href="/pfad/zur/vollansicht/bild2"><img src="/pfad/zum/thumb/bild2"></a></li>
</ul>

Dann musst Du als Anfängerin nichts weiter machen, als folgendes:

<http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onclick@title=Beim Anklicken> eines Links
    Weise den Inhalt des http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#a@title=href-Attributs <http://de.selfhtml.org/javascript/sprache/objekte.htm#this@title=des aktuellen Objekts> dem http://de.selfhtml.org/javascript/objekte/images.htm#src@title=src-Attribut der Vollansicht zu
    Unterdrücke die Ausführung des Links
Fertig

Im Prinzip ein Zweizeiler :-) Kann doch nicht so schwierig sein. Willst Du es nicht versuchen?

Freundliche Grüße

Vinzenz