0

私はプログラミング、特にjavascriptにかなり慣れていません。私は、ブラウザを更新して一連の画像を循環させるネットアート プロジェクトと見なしているものを作成しました。ブラウザ ウィンドウのサイズを画像のサイズ 612x612 px に自動的に変更したい。思いつく限りのこと、Web で見つけたすべてのことを試しましたが、更新と画像の読み込み用に設定したコードでは何も動作しないようです。助けが必要です。

私は通常、そのような unser unspecified ブラウザのサイズ変更や、ユーザーが自分でその決定を下すことを許可しない侵入スクリプトに反対していると言っておきましょう。しかし、これはアート プロジェクトであり、私自身の Web サイトのギャラリーの一部としてのみ存在し、ユーザーはリンクをクリックする前に、ブラウザーのサイズが変更されることを事前に警告されます。

私が望むのは、ブラウザがページの読み込み時に指定されたサイズにサイズ変更し、自動更新を介して画像を循環させることです。

ですから、これについて喜んで支援を提供してくれる人なら誰でも、私は非常に感謝しています. かなり進んだと思いますが、このサイズ変更はパズルの最後の部分です。前もって感謝します。

ここでサイズ変更なしの大まかなプロジェクトを見ることができます: 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(上記のとおり)は、jQueryUIのダイアログボックスと同様に優れたツールです。

于 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 に答える