You are not logged in.

1

Tuesday, April 30th 2013, 11:54am

Pano in Seite mit divs einbinden

Hallo, ich hätte eine Frage zum einbinden von einem Pano in Html. Ich habe eine Html Seite mit divs.
header, content und footer. header und footer haben eine feste höhe (80px) der content soll sich dann jeweils der Fenstergröße anpassen. Was soweit auch funktioniert.
Das pano wird per "embedpano" in den content geladen, aber das pano füllt nicht die gesamte Höhe des content Bereichs aus.

Wie bekomme ich das hin, das das Pano sich der Fenstergröße anpasst.

Hier ein Bsp. wie es aussehen sollte: http://www.paris-26-gigapixels.com/index-en.html

Egal was für eine Fenstergröße, das pano passt sich an. Wie geht das?

Danke schon mal...

2

Tuesday, April 30th 2013, 7:20pm

Hi,

wenn der Viewer mit den Standarteinstellungen (width=100%, height=100%) eingebunden wird, dann passt sich der Viewer selbstständig an das ihm umgebende HTML Element an.

D.h. die Größe kann so mittels normalen HTML/Javascript Code festgelegt werden.

Siehe auch hier:
http://krpano.com/docu/html/#width

Schöne Grüße,
Klaus

3

Wednesday, May 1st 2013, 11:46am

Hallo Klaus,

danke für die schelle Antwort. Das mit den Standardeinstellungen habe ich schon probiert, ohne Erfolg. Wenn ich den content div auf 100% stelle geht es, nur dann geht das Pano über den footer. Nehme ich dann nur z.B. 87% für die contenthöhe geht es zwar bei meiner Auflösung, sobald sich die Browsergröße ändert, ändert sich halt auch wieder die höhe des Inhalts (pano) und dadurch gibt es zwischen footer und inhalt einen Abstand.

Hast Du vielleicht noch einen Tip?

toosten

Intermediate

Posts: 461

Location: Berlin

Occupation: freier Software-Entwickler ( HTML, JS, PHP, JSP, Flash, AS3, C++, Java, krpano, ---)

  • Send private message

5

Wednesday, May 1st 2013, 3:30pm

Hallo toosten,

das hört sich nicht schlecht an, werde ich dann mal probieren. Danke

Ich schreib dann obs funktioniert hat.

6

Thursday, May 2nd 2013, 12:59pm

Jetzt habe isch den Tip von toosten getestet, und um eine function erweitert, und es geht!!!!!

hier der Code:

<script type="text/javascript">
sh=window.innerHeight;
sh=sh-120
alert(sh);
function andern()
{
document.all.pano.style.height = sh + "px";
alert(sh);
}

function Fensterweite () {
if (window.innerWidth) {
return window.innerWidth;
} else if (document.body && document.body.offsetWidth) {
return document.body.offsetWidth;
} else {
return 0;
}
}

function Fensterhoehe () {
if (window.innerHeight) {
return window.innerHeight;
} else if (document.body && document.body.offsetHeight) {
return document.body.offsetHeight;
} else {
return 0;
}
}

function neuAufbau () {
if (Weite != Fensterweite() || Hoehe != Fensterhoehe())
location.href = location.href;
}



</script>




<body onload=andern() >

<script type="text/javascript">
/* Überwachung von Internet Explorer initialisieren */
if (!window.Weite && document.body && document.body.offsetWidth) {
window.onresize = neuAufbau;
Weite = Fensterweite();
Hoehe = Fensterhoehe();
}
</script>

-------------

vielleicht ein bißchen abenteuerlich, aber funzt *g*

falls mir einer von euch noch einen Tip geben kann den Code zu säubern, wäre ich euch dankbar.

Ansonsten schon mal Danke an alle für die Hilfe.