私はプログラミング、特に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>