Witam
Oto moja strona
<html>
<meta name="description" content="opis strony" />
<meta name="keywords" content=" słowa kluczowe " />
<meta name="language" content="Polish" />
<meta name="distribution" content="global" />
<meta name="robots" content="all" />
<meta name="Author" content="autor" />
<meta name="copyright" content="spz" />
<meta name="google-site-verification" content="_SsxDFpNWgesy_bsSIKCFdnkoF4fVktLds7DkB3GMiU" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<script type="text/javascript">
var tla=new Array('1.jpg','2.jpg');
var index=0;
function zmien_tlo() {
document.getElementById('id_body').style.backgroundImage="url('"+tla[index]+"')";
if(index==tla.length-1)
index=0;
else
index++;
setTimeout('zmien_tlo()',30000);//<--30 sekund
}
</script>
<style type="text/css">
#przyklad1 { position: absolute; top: 1000px; left: 800px;
z-index: 4; background-color: blue }
#przyklad2 { position: absolute; top: 810px; left: 500px;
z-index: 2; background-color: red }
#przyklad3 { position: absolute; top: 600px; left: 520px;
z-index: 1; background-color: yellow }
#przyklad4 { position: absolute; left:150px; right:150px;
;height:650px; z-index: 3; background-color: yellow}
</style>
<title> tekst wyswietlany na karcie</title>
</head>
<div id="przyklad1">przyklad 1</div>
<div id="przyklad2">przyklad<br>2</div>
<div id="przyklad3">przyklad 3</div>
<div id="przyklad4">przyklad<br>4</div>
</body>
</html>
Moje pytanie brzmi jak wywołac skrypt zmienne tło na warstwie przykład 4?
Pełna wersja: [HTML][JavaScript][CSS]zmienne obrazki co okreslony czas
Podpiąć do zdarzenia load obiektu document? 
normalnie bez warstwy jak bym chciał wywołac skrypt to by było <body onload="zmien_tlo()" id="id_body"> ale potrzebujego wywołac na divie jak to zrobic ?
Kod
document.getElementById('id_body')
Tutaj musisz zamienić "id_body" na id twojej wartwy np "przyklad1"
dobrze ale po tej zmianie program wyglada tak (nic sie niezmieniło dalej skryt nie rusza na 4 warstwie
<html>
<meta name="description" content="opis strony" />
<meta name="keywords" content=" słowa kluczowe " />
<meta name="language" content="Polish" />
<meta name="distribution" content="global" />
<meta name="robots" content="all" />
<meta name="Author" content="autor" />
<meta name="copyright" content="spz" />
<meta name="google-site-verification"
content="_SsxDFpNWgesy_bsSIKCFdnkoF4fVktLds7DkB3GMiU" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<script type="text/javascript">
var tla=new Array('1.jpg','2.jpg');
var index=0;
function zmien_tlo() {
document.getElementById('przyklad4').style.backgroundImage="url('"+tla[
index]+"')";
if(index==tla.length-1)
index=0;
else
index++;
setTimeout('zmien_tlo()',6000);//<--30 sekund
}
</script>
<style type="text/css">
#przyklad1 { position: absolute; top: 1000px; left: 800px;
z-index: 4; background-color: blue }
#przyklad2 { position: absolute; top: 810px; left: 500px;
z-index: 2; background-color: red }
#przyklad3 { position: absolute; top: 600px; left: 520px;
z-index: 1; background-color: yellow }
#przyklad4 { position: absolute; left:0px; right:0px;
;height:650px; z-index: 3; background-color: yellow }
</style>
<title> tekst wyswietlany na karcie</title>
</head>
<body>
<div id="przyklad4"></div>
</body>
</html>
<html>
<meta name="description" content="opis strony" />
<meta name="keywords" content=" słowa kluczowe " />
<meta name="language" content="Polish" />
<meta name="distribution" content="global" />
<meta name="robots" content="all" />
<meta name="Author" content="autor" />
<meta name="copyright" content="spz" />
<meta name="google-site-verification"
content="_SsxDFpNWgesy_bsSIKCFdnkoF4fVktLds7DkB3GMiU" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
<script type="text/javascript">
var tla=new Array('1.jpg','2.jpg');
var index=0;
function zmien_tlo() {
document.getElementById('przyklad4').style.backgroundImage="url('"+tla[
index]+"')";
if(index==tla.length-1)
index=0;
else
index++;
setTimeout('zmien_tlo()',6000);//<--30 sekund
}
</script>
<style type="text/css">
#przyklad1 { position: absolute; top: 1000px; left: 800px;
z-index: 4; background-color: blue }
#przyklad2 { position: absolute; top: 810px; left: 500px;
z-index: 2; background-color: red }
#przyklad3 { position: absolute; top: 600px; left: 520px;
z-index: 1; background-color: yellow }
#przyklad4 { position: absolute; left:0px; right:0px;
;height:650px; z-index: 3; background-color: yellow }
</style>
<title> tekst wyswietlany na karcie</title>
</head>
<body>
<div id="przyklad4"></div>
</body>
</html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.