Garavani
Mitglied
Registriert: 13.05.2012
Beiträge: 4
|
|
Hallo Javascript Fans,
Habe folgenden code:
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: #ffffff;
}
* {
padding-left:6px;
padding-right:6px;
margin-top: 0.24%;
}
.fit {
max-width: 100%;
max-height: 100%;
}
.center {
display: block;
margin-left:auto;
margin-right:auto;
}
img
{ border-style: none;
}
a:focus {
outline: 0;
}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="JavaScript">
function set_body_height()
{
var wh = $(window).height();
$('body').attr('style', 'height:' + wh + 'px;');
}
$(document).ready(function() {
if (document.width > 1000)
{
window.resizeTo(document.width/2.7, document.height/1.2);
}
else
{
window.resizeTo(document.width/1.9, document.height);
}
set_body_height();
$(window).bind('resize', function() { set_body_height(); });
});
</script>
</head>
<body>
<img id="the_pic_3" class="center fit" src="images/Memoir_a.gif"></div>
<img id="the_pic" class="center fit" src="images/Memoir_g.gif"></div>
<img id="the_pic_2" class="center fit" src="images/Memoir_y.gif"></div>
<div style="position: fixed; left: 50%; bottom: 5%; margin: -23px 0 0 -12px; height: 47px; width: 25px; cursor:pointer;"><a href="javascript:top.window.close()"><img src="images/Arrow_left_pos.png"></a></div>
</body>
</html>
Meine Frage bezieht sich auf den Part in der „$(document).ready(function()“ Funktion.
Und zwar möchte ich erreichen, dass das sich öffnende Fenster (je nach gewählter Browserfenstergröße) im Link etwas kleiner ist als das darunterlegende,
damit der User das Fenster darunter weiter gut sehen kann.
So funktioniert es zwar, aber leider nur 1x, da sich das Script beim zweiten Öffnen scheinbar auf die document-Größe im zweiten Fenster bezieht;
es wird also jedesmal kleiner und kleiner.
Die Größe soll sich aber im Verhältnis nur (und unverändert) auf das Basisfenster beziehen.
Habe alles mögliche mit top.window etc. ausprobiert, aber ich bekomme keine Referenz auf das Ausgangsfenster in die Zeile: window.resizeTo(document.width/2.7, document.height/1.2);
integriert. Dazu bin ich einfach zu sehr Anfänger.
Irgendwie müsste es da rein:
window.resizeTo(document.……width/2.7, document.……height/1.2)
Aber wie?
Kann mir da jemand helfen?
Das würde mich sehr weiter bringen.
Danke!
Garavani
Beitrag geändert von Garavani (25.05.2012 17:28:12)
|
|
| 25.05.2012 17:25:21 |
|
