0

ちょっとした背景 - 私は商売で Java、Python、C#、ハッキー シェル スクリプトを書いていますが、JavaScript の経験はほとんどありません (文字通り今日から始めました)。私は掘り下げてきましたが、stackoverflowに関するここでの質問はどれもこれまでのところうまくいきませんでした（または、おそらく、それらを機能させるためのjsのコツがまだありません）。

とにかく、ストーリー - 背景がローカルに保存されている一連の所定の画像 (bg01.jpg から bgXX.jpg) の間で交互に変わるページが欲しいです。画像を循環させる方法を理解したので、これらの画像をドキュメントの背景に実際に合わせたいと思います.. .. 独自のことをするだけではありません。

これが私がこれまでに持っているものです（これは機能します）-（10月15日編集）

<!DOCTYPE html>
<html>
<style>
body {background-repeat:no-repeat;}
</style>
<body>

<script>

var bgslides=new Array()
bgslides[0]="bg01.jpg"
bgslides[1]="bg02.jpg"
bgslides[2]="bg03.jpg"
bgslides[3]="bg04.jpg"
bgslides[4]="bg05.jpg"


//Specify interval between slide (in miliseconds)
var speed=1000

//preload images
var processed=new Array()
for (i=0;i<bgslides.length;i++){
    processed[i]=new Image()
    processed[i].src=bgslides[i]
}

var inc=-1
function slideback(){
if (inc<bgslides.length-1)
    inc++
else
    inc=0
document.body.style.backgroundImage = "url("+bgslides[inc]+")";
}

if (document.all||document.getElementById)
window.onload=new Function('setInterval("slideback()",speed)')


</script> 
</body>
</html>

私が試してみました

image.width = ..
image.height = ..

しかし、私はへの呼び出しだと思います

document.body.background = image.src

image.width への以前の変更を上書きします..私にはあまり手がかりがありません。また、場所について見つけて変更したいくつかの異なるサイズ変更機能を試し、js とこれまでのところ ..nada で css (セクション?) を変更しようとしました。

サイズをうまく変更するために、これに差し込むことができるものはありますか?!

4

1 に答える 1

0

document.body.background 行の代わりに、次のようなことを考えましたか

document.body.style.backgroundImage = "url("+bgslides[inc]+")";

いくつかのメモ。- 「new Image()」はタグで機能しますが、画像をプリロードする以外は、CSS 背景には使用しません。- JavaScript では必須ではありませんが、ステートメントをセミコロンで終了することを強くお勧めします。- 行 "processed[i].size = " が未定義のままになっています。- if/then 全体の外にある必要がある場合は、else ステートメント内に "document.body.background = processing[inc].src" も含めます。

于 2013-10-14T05:05:18.810 に答える