Sie sind nicht angemeldet.

Pano in Seite mit divs einbinden

orwis

Anfänger

  • »orwis« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

1

Dienstag, 30. April 2013, 11:54

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...

klaus.krpano

Administrator

Beiträge: 13 499

  • Nachricht senden

2

Dienstag, 30. April 2013, 19:20

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

orwis

Anfänger

  • »orwis« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

3

Mittwoch, 1. Mai 2013, 11:46

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?

orwis

Anfänger

  • »orwis« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

5

Mittwoch, 1. Mai 2013, 15:30

Hallo toosten,

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

Ich schreib dann obs funktioniert hat.

orwis

Anfänger

  • »orwis« ist der Autor dieses Themas

Beiträge: 4

  • Nachricht senden

6

Donnerstag, 2. Mai 2013, 12:59

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.

Ähnliche Themen