Grafik nur unter bestimmter Auflösung

gio

Mitglied
Hallo,

über die nachfolgende "index2.html" Datei wird bei einer Auflösung mit >= 1024*768 im selben Browserfenster die „index_1024.htm“ geladen. Bei einer Auflösung von <= 800*600 öffnet ein neues Browserfenster mit den vorgegebenen Werten. Unter 800*600 lässt sich das „überflüssige“ Fenster (index2.html) leider nicht per JS schliessen, da dieses nicht über JS geöffnet wurde. Zumindest möchte ich folgendes erreichen: In dem „alten“ Fenster, welches bei 800*600 als „Leiche“ im Hintergrund geöffnet bleibt, soll eine Tabelle mit einer Grafik geladen werden. Bei einer Auflösung unter >=1024*768 soll das nicht geschehen, da in diesem Fenster anschließend sowieso die „index_1024“ aufgerufen wird und hierdurch nur eine unnötige und störende Wartezeit für den Besucher entsteht.

Wie kann ich den Code dahingehend verändern, dass 1.) die Tabelle mit der Grafik nur unter 800*600 geladen wird und 2.) dies nach Möglichkeit im Hintergrund geschieht, wenn das neue Fenster bereits im Vordergrund geöffnet ist.

Besten Dank im voraus.

Code:
<html>
<head>

<script language="javascript">
<!-- hide
function higher() {
NewWin= window.open("index_800.htm", "displayWindow", "width=790,height=544,menubar=no,status=no,toolbar=no,scrollbars=no);
}
// -->
</script>

</head>
<body bgcolor="#000000">

<div align="center">
<table border="0" width="97%" height="97%">
<tr>
<td align="center">
<img border="0" src="background.jpg" width="603" height="253"></td>
</tr>
</table>
</div>

<script language="JavaScript">
<!--
ScreenRes = screen.width;
if (ScreenRes >= "1024") res = "r1";
else if (ScreenRes < "1024") res = "r2";
if (res == "r1") {
location.href="index_1024.htm";  
}
if (res == "r2") {
location.href="function higher()";  
}
//-->
</script>

</body>
</html>
 
Zuletzt bearbeitet:
Ganz einfach:
Du machst einfach eine neue Datei, in der die Tabelle mit dem Bild ist und leitest
dem User dann zusätzlich zu ihr weiter.

In diesem Beispiel heißt die Datei 800_2.html
Code:
function openLowRes()
{
    window.open('index_800.htm', '_blank', 'width=790,height=544,' +
                 'menubar=no,status=no,toolbar=no,scrollbars=no');
}

if (screen.width >= 1024) {
    window.location = 'index_1024.html';
} else {
    openLowRes():
    window.location = '800_2.html';
}
 

Neue Beiträge

Zurück