0

我对编程很陌生，尤其是 javascript。我已经创建了一个我认为是刷新浏览器并循环浏览一系列图像的网络艺术项目。我希望浏览器窗口自动调整为图像尺寸，612x612 像素。我已经尝试了我能想到的所有东西，我在网络上遇到的所有东西，但我为刷新和图像加载设置的代码似乎没有任何效果。我需要帮助。

让我说，我通常反对这种未指定的浏览器大小调整或任何不允许用户自己做出决定的侵入性脚本。但这是一个艺术项目，仅作为我自己网站上画廊的一部分存在，用户将在点击链接之前提前收到警告，他们的浏览器将调整大小。

我想要的是让浏览器在页面加载时调整到指定的尺寸，然后通过自动刷新循环浏览图像。

因此，请任何愿意为此提供帮助的人都将非常感激。我想我已经走得很远了，这个调整大小是这个难题的最后一点。先感谢您。

您可以在这里看到没有调整大小的粗略项目：http: //jasonirla.com/bgchange%202/

和我正在使用的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta name="title" content="Background Change" /> 
<meta name="description" content="Background Change" /> 

<title>Everyday Sky</title> 

<script type="text/javascript">

// auto refresh window PT 1
function timedRefresh(timeoutPeriod) {
    setTimeout("location.reload(true);",timeoutPeriod);
}
// no. of images in folder is 43
var totalCount = 43;
// change image on refresh 
function ChangeIt() {
var num =  Math.ceil( Math.random() * totalCount );
document.body.background = 'images/'+num+'.jpeg';
}
</script> 

</head>
<!-- Refresh PT 2 with timer in seconds 5000=5seconds-->
<body onload="JavaScript:timedRefresh(100);">

<script type="text/javascript"> 
ChangeIt();
</script> 
<style type="text/css">


body {
background-repeat: no-repeat;

}


</body> 
</html>
4

2 回答 2

1

确实，您只能通过使用 JavaScript 创建新窗口来设置浏览器窗口的大小，但许多安全设置会阻止弹出窗口。我认为无论如何做你正在尝试的事情都是糟糕的 UI 设计。如果您真的想要一些现代且功能强大的东西，Lightbox（如上所述）是一个很棒的工具，以及jQuery UI 中的对话框。

于 2012-07-22T19:55:52.937 回答
0

由于这是一个展览，您将选择使用什么浏览器，但大多数新浏览器不再让 JavaScript 调整它们的大小。不过值得一试。

 <body onload="JavaScript:timedRefresh(100);resizeTo(500,500);self.moveTo(640,10);>
 ....
 </body>

干杯。

于 2012-07-22T20:37:59.660 回答