Panorama Community

Hallo zusammen

Habe mir die HTML5-Version von Zoomify zugelegt. Nun wollte ich das CSS
der Vorlage so anpassen, dass das Zoomify-Fenster Bildschirmfüllend angezeigt
wird. Der Anzeigebereich wird über ein "div" in die HTML-Seite eingebunden:

In der CSS sieht es so aus:
$this->cacheCode('[php]',' #myContainer { width: 900px; height: 450px; }')

...und im Quellcode der HTML-Seite so:
$this->cacheCode('[php]','<div id="myContainer" ></div>')

Passe ich das CSS auf bei "width" auf 100% an, funktioniert es,
doch wenn ich für die Höhe "height" auch 100% anstelle eines
Pixelwertes einegebe, wird im Browser nichts mehr angezeigt
und es wird ein Fehlemeldung angezeigt, der in der
"ZoomifyImageViewer.js"-Datei entsteht. (siehe Anhang)

Ich habe mir überlegt, wie ich diesen Fehler umgehen könnte.
Wenn ich vom Browserfenster die Höhe (innerHeight) in Pixel per
Javascript ausleseund dies an das CSS des div's weitergebe, sollte
das doch möglich sein? Leider sind meine Versuch einer Umsetzung
gescheitert, da meine Kenntnisse nicht ausreichen.
Zusätzlich wäre es auch noch wünschenswert, wenn die Fenstergrösse
geändert wird, dass die Seite mit den geänderten Werten neu geladen
wird.

Kann mir da Jemand einen Tipp oder eine kleine Anleitung geben?

Bin für jede Hilfestellung dankbar!

Peter

Hallo Gérard

Wenn ich diese Anweisung aus dem CSS entferne kommt der gleiche Skriptfehler zum Vorschein :-(


Gruss

Peter

@panorade

Ich habe mir natürlich die Beispiele von Zoomify zu Gemüte geführt
und kenne die bereitgestellten Vorlagen. Das Beispiel 15 kommt
meiner Vorstellung relativ nahe, aber nicht ganz. Hier ein Beispiel
in Flash, wie ich es mir vorstelle, aber dann in HTML5.

http://www.peter-nyfeler.ch/wheelblades/see_arosa.htm

Habe wirklich Einiges ausprobiert, doch komme ich einfach nicht
weiter. Beim Beispiel 15 hat es für meinen Geschmack immer noch
zu viel ungenutzte Fläche.

Werde dann mal direkt bei Zoomify für eine Lösungsansatz nachfragen.
Halte euch auf dem Laufenden ;-)

Gruss

Peter

Hallo Achim

Zitat von »Panorade«

Du hast ein Flash beispiel gepostet

Habe ich ja auch so geschrieben, dass das verlinkte Beispiel in Flash ist....

Zitat von »Panorade«

Man kann ja direkt die voreingestellte Zoom
größe ändern so das oben das weiße weg ist (den Startzoom ändern wo man auch den Skin ändern kann)
(bei den zoomify Dev paketen) das hängt natürlich ja von dem Bildformat ab (wie es bei dem Monitor raus kommt)
das geht bei flash und auch html5

Das mit den Zoomeinstellungen ist mir auch klar. Arbeite nicht das erste Mal mit Zoomify.
Leider geht das mit HTML5 nicht, oder ich habe Tomaten auf den Augen.

Im Anhang ist ein Screenshot vom Beispiel 15, wo man klar sehen kann, dass immer ein grosser, weisser Rand um
das Bild ist, egal wie die Zoomstufe oder die Fenstergrösse ist.

Gruss

Peter