Sehr großes JPG Bild (6GB) in Webseite einbinden

Ich bin gerade dabei ein Widget zu entwerfen wo man 360° Panoramen betrachten kann. LINK

Ich denke aber eher du meinst ein Flat-Bild? Da bin ich auch dran, weis aber noch nicht ob das etwas wird. LINK

Oder so? LINK

Beachte bei deinem Vorhaben das die meisten Smartphones nur bis "8192 Pixel" Bildbreite darstellen.

Deshalb wird es in dem Panorama-Player auch eine Variante Cube-Map geben die das Bild in Würfelflächen aufteilt, somit ist dann eine Bildbreite von "24576 Pixel" möglich.

Ich bin mir nicht ganz sicher wie das aussehen soll.

Dieses Skript kann eine Flat-Bild aus mehreren Einzelbildern darstellen. LINK

Das sieht dann so aus. LINK

Die Pfade zum Bilderordner und der JS sind falsch.

Falls ich das Richtig verstehe liegen die Bilder ja in https://www.corsita.com/test/KohMak. Un die JS in https://www.corsita.com/test/

Wenn du alles über ZP machen möchtest müsstest du den Bilderordner über "Dynamisch verknüpfte Ordner" einbinden und den Pfad dazu in <script type="text/javascript"> Z.showImage("KohMakMap", "KohMak"); </script> anpassen. Die JS am besten über "Erweitert > Dateien" hinzufügen, Und diese im Pfad einfach über die OID-Adresse einbinden.

Was spricht dagegen das funktionierende einfach per "iFrame" einzubinden?

PS: Ich würde da eher von Abstand nehmen, der Funktionsumfang am Smartphone lässt zu wünschen übrig.

Bitte auch die Browser-Konsole beachten. Da liegen Skriptfehler vor (ReferenceError: Can't find variable: Z). Diese an den Hersteller des Scripts melden.

Zitat von pks-team

Irgend ein Konflikt?

Nein, aber auf beiden Seiten ist das Script jeweils mit relativer URL eingebunden.

Und unter /en/ ist schlicht kein Script vorhanden.

Site-Absolute (der Slash zu beginn) könnte es bei beiden funktionieren:

<script type="text/javascript" src="/ZoomifyImageViewerFree-min.js"></script>

• Ich habe da noch ein ansprechendes Open Source gefunden. OpenSeadragon
• Das konnte ich auch problemlos einbinden. LINK

Allerdings bisher nur als Einzelbild, wie das mit den Teilbildern geht habe ich noch nicht ganz verstanden. Irgendwie muss man ja das Bild auch erst mal zerpflücken.

Ich habe jetzt das OpenSeadragon Tool auch mit Teilbildern getestet. BEISPIEL

• Zuerst den "Deep Zoom Composer" von Microsoft heruntergeladen. LINK
• Damit die Bilder zerpflückt, der erstellt über 600 Teilbilder in verschiedenen Auflösungen in 13 Ordnern.
• Diese Bilderordner in einen Ordner auf den Server geladen. (Könnte man auch in ZP über "Dynamisch verknüpfte Ordner" einbinden. Hier ist aber wegen der vielen Dateien Geduld gefragt)
• Da mir die Icons nicht gefallen habe ich diese Icons ebenfalls auf den Server geladen.
• Anschließend unten stehenden Code über "Widget Quelltext" eingefügt.

<div id="meinpano_1" style="width: 930px; height: 430px;"></div>
    <script src='https://openseadragon.github.io/openseadragon/openseadragon.min.js'></script>

<script>
OpenSeadragon({
id:              "meinpano_1",
maxZoomLevel: 	10,
prefixUrl:       "https://www.widget-zp.de/test/test04/icons/",
tileSources:     {
"Image": {
"xmlns":    "https://schemas.microsoft.com/deepzoom/2008",
"Url":      "https://www.widget-zp.de/test/test04/teilbilder/",
"Format":   "jpg",
"Overlap":  "1",
"TileSize": "254",
"Size": {
"Width":  "7646",
"Height": "3525"
}
}
}
});
</script>

• Zeile 08 / der Ordner mit den Icons
• Zeile 12 / der Ordner mit den Teilbildern
• Zeile 15, 17 und 18 kannst du der XML-Datei entnehmen welche der "Deep Zoom Composer" mit ausgibt.

Es gibt jetzt dazu auch ein Widget für Zeta Producer. Dieses verwendet ebenso wie Zoomify das Open Source JS von OpenSeadragon.

• Es können Einzelbilder ebenso wie Gigapixel-Bilder eingebunden werden.
• Die Einzelbilder werden einfach im Widget als Datei hinzugefügt. Damit die Bilder auch auf Smartphones angezeigt werden ist die Bildbreite hier auf "8192 Pixel" beschränkt.
• Die Gigapixel-Bilder werden mit der Freeware "Deep Zoom Composer" von Microsoft in sehr viele Einzelbilder mit verschiedenen Auflösungen zerlegt und und damit die Performance von ZP durch die vielen Dateien nicht beeinträchtigt wird mit einem FTP-Programm auf den Server geladen. Anschließend muss nur der Pfad zu dem Bilder-Ordner angegeben werden.

Widget Zoom Bild

Ja liegt sicher an der Bildgröße. Ist ja auch wirklich riesig.

Hier ist eine Auflistung von Tools. LINK

Ich habe mir das gerade nochmal durch den Kopf gehen lassen.

Es werden ja hier Teilbilder in einer Größe von ca. 256x256px erstellt, und das ganze in mehreren Auflösungen. Das habe ich mal überschlagen, da kämen bei deiner Bildgröße ca. 40.000.000 Bilder raus. Könnte mir vorstellen das da jedes Tool an seine Grenzen kommt.

Ich würde das Bild in mehrere Teile aufteilen und für jedes dieser Teile ein Zoom-Bild erstellen. Das ganze dann in einer Image-Map verlinken. Zu Beispiel mit diesem Widget. LINK