Есть у меня скрипт, меняющий картинки.
Вот такой:
<!DOCTYPE HTML>
<HTML>
<META http-equiv=Content-Type content='text/html; charset=windows-1251'>
<title></title>
<script type="text/javascript">
var speed = 1500
var Pic = new Array()
Pic[0] = 'image/img_1.png'
Pic[1] = 'image/img_2.png'
Pic[2] = 'image/img_3.png'
Pic[3] = 'image/img_4.png'
var t
var j = 0
var p = Pic.length
var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}
function runBGSlideShow(){
if (document.body){
document.body.background = Pic[j];
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runBGSlideShow()', speed)
}}
</script>
<style type="text/css">
body{background-repeat: no-repeat;background-position: 275 0;}
</style>
</HEAD>
<body onload="runBGSlideShow()">
</BODY></html>
Но картинки, хоть и являются фоном, не заполняют все пространство. Я хочу сделать так, чтобы они по ширине соответствовали окну, то есть были 100%.
Я знаю, как это сделать в html и css, но тут картинки задаются через Javascript. А я не знаю, что делать