Bild in einer Zeile verlinken: img-Element innerhalb von list-Element verlinken?

Question

Frage:

Wie wird diese Zeile verlinkt. Die Datei, welche aufgerufen werden soll, heißt: gesamt.html.

Hinweis: Alle Versuche anstelle des # sind bei mir fehlgeschlagen!

Code:

<ul>
<li><a href="#"><img src="website/bilder/5.jpg" data-large="website/bilder/5.jpg" alt="image001" data-description=""></a></li>
</ul>

Comments

Ein freundliches "Hallo" aus dem Weserbergland,

vielen Dank für die schnelle Antwort. Doch leider funktioniert das so nicht!!! Ich erlaube mir daher mein Problem anders zu erklären.

Das src="website/bilder/5.jpg" ist von einer Diashow das Vorschaubild (Thumb).

Das data-large="website/bilder/5.jpg" ist von der Diashow das vergrößerte Bild.

So weit ist auch alles in Ordnung. ABER:

Wenn ich nun das o.g. Thumb anklicke, soll eine HTML-Datei namens gesamt.html aufgerufen werden. In dieser gesamt.html sind weitere Pflanzen (Blumen) zu sehen, die zu dieser Gruppe gehören. Und das funktioniert bei mir nicht.

Eine Verlinkung mit Bildern funktioniert, aber nicht mit einer .html Datei.

Ich würde mich wirklich darüber sehr freuen, noch einmal zu meiner o.g. Frage etwas zu hören. DANKE und nochmals DANKE!

Freundliche Grüße aus Hameln

Peter Sierek

---

Das war leider nicht die ursprüngliche Frage.

Bitte alle Daten in einem Fiddle bereitstellen und auch die verwendete Javascript-Library einbinden: https://jsfiddle.net/

Andernfalls lässt sich die Frage nicht beantworten.

Answer 1

Der HTML-Code sieht korrekt aus. Ich habe mal für website/bilder/5.jpg ein anderes Bild gewählt, damit man auch ein Bild erkennt:

https://jsfiddle.net/kai_noack/f9L6mkjo/4/

Das Bild oben ist mit # verlinkt. Du kannst aber jeden beliebigen Link einfügen, z. B. https://www.stacklounge.de, dann:

https://jsfiddle.net/kai_noack/f9L6mkjo/6/

Code:

<ul>
  <li>
    <a href="https://www.stacklounge.de/"><img src="https://www.stacklounge.de/qa-theme/lounge/logos/stack/logo.png" data-large="https://www.stacklounge.de/qa-theme/lounge/logos/stack/logo.png" alt="image001" data-description=""></a>
    </li>
</ul>