Frank: Bild in neuer Seite öffnen (target) zentriert mit zusätzlicher Bildinformation

Ich öffne ein Bild auf einer neuen Seite:

<a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>

Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.

Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.

Hat jemand eine Idee?

Vielen Dank und Grüße Frank

  1. Hallo Frank,

    Ich öffne ein Bild auf einer neuen Seite:

    <a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>

    Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.

    Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.

    Ja, du darfst dann nicht ein Bild öffnen, sondern eine neue Seite, die nur das Bild enthält. Vielleicht in einem figure-Element, sodass du gleich die Bildunterschrift als figcaption-Element schreiben kannst.

    Bis demnächst
    Matthias

    --
    Du kannst das Projekt SELFHTML unterstützen,
    indem du bei Amazon-Einkäufen Amazon smile (Was ist das?) nutzt.
  2. Hallo Frank,

    
    >  <a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>
    
    

    Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.

    und Firefox stellt das Bild zentriert dar, mit einer Hintergrundfarbe, von der ich keine Ahnung habe, woher sie kommt. Bei mir ist es ein seltsames Kackbraun.

    Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.

    Nein. Du weist den Browser an, "nur" ein Bild darzustellen. Wie er das tut, entzieht sich komplett deinem Einfluss.

    Wenn du das bestimmen willst, musst du entweder ein komplettes HTML-Dokument verlinken, in dem das Bild der Hauptbestandteil ist, oder gar kein neues Fenster öffnen und stattdessen das Bild dem aktuellen Dokument überlagern.

    Live long and pros healthy,
     Martin

    --
    Früher war ich klein und dumm. Inzwischen hat sich so manches geändert. Ich bin größer geworden.
  3. Servus!

    Ich öffne ein Bild auf einer neuen Seite:

    <a href="./gallery/gallery01.jpg" target="_self"><img src="./gallery/thumb-gallery01.jpg" alt="XYZ"></a>

    Chrome macht das schön zentriert mit schwarzen Hintergrund. Safari macht es mit weißem Hintergrund und hängt es an den oberen Rand.

    Kann ich das beeinflussen? Zusätzliche Bildunterschrift wäre super.

    Hat jemand eine Idee?

    Wie schon gesagt, auf neue Seite verlinken,. Diese enthält ein figure-Element mit Bild und Bildunterschrift.

    Oder ein Lightbox-Effekt.

    JavaScript/Fullscreen#Bild_mit_Lightbox-Effekt

    Vielen Dank und Grüße Frank

    Herzliche Grüße

    Matthias Scharwies

    --
    Einfach mal was von der ToDo-Liste auf die Was-Solls-Liste setzen.“