Hallo Mario,
Danke für Deine Hilfe. Du hast mich auf den richtigen "Suchweg" gebracht. Ich bin über leaflet.zoomify schlussendlich bei Zoomify.com gelandet. Das macht was ich brauche und scheint einfach einzubinden. Außer das ich in meiner mit ZP hergestellten Seite es nicht hinbekomme.
Auf https://www.corsita.com/test habe ich folgendes Beispiel:
<!DOCTYPE html>
<html xml:lang="EN" xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="ZoomifyImageViewerFree-min.js"></script>
<script type="text/javascript"> Z.showImage("KohMakMap", "KohMak"); </script>
</head>
<body>
<div id="KohMakMap" style="width:900px; height:500px; margin:auto; border:1px; border-style:solid; border-color:#696969; background-color:#000000;" ></div>
</body>
</html>
Alles anzeigen
Das klappt einwandfrei.
Setze ich diese beiden Zeilen unverändert in das Attribut additional_meta:
<script type="text/javascript" src="ZoomifyImageViewerFree-min.js"></script>
<script type="text/javascript"> Z.showImage("KohMakMap", "KohMak"); </script>
und das hier unverändert als HTML Quelltext an der gewünschten Stelle:
<div id="KohMakMap" style="width:900px; height:500px; margin:auto; border:1px; border-style:solid; border-color:#696969; background-color:#000000;" >
Dann bekomme ich nur den Border in der gewünschten Größe zu sehen.
Siehe hier: https://www.corsita.com/en/zoomify
Garantiert eine Kleinigkeit die mein Unwissen hervorgerufen hat. Oder irgend ein Konflikt mit etwas was nicht erkennen kann.