Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript][CSS]zmienne obrazki co okreslony czas, pomoc w wywołaniu skryptu
kolos11
post 28.12.2012, 12:11:54
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 28.12.2012

Ostrzeżenie: (0%)
-----


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?

Ten post edytował kolos11 28.12.2012, 12:22:14
Go to the top of the page
+Quote Post
thek
post 28.12.2012, 13:12:40
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Podpiąć do zdarzenia load obiektu document? wink.gif


--------------------
Najpierw był manual... Jeśli tam nie zawarto słów mądrości to zapytaj wszechwiedzącego Google zadając mu własciwe pytania. A jeśli i on milczy to Twój problem nie istnieje :D
Go to the top of the page
+Quote Post
kolos11
post 28.12.2012, 13:39:35
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 28.12.2012

Ostrzeżenie: (0%)
-----


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 ?
Go to the top of the page
+Quote Post
gr56
post 28.12.2012, 14:58:32
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 15
Dołączył: 19.11.2011

Ostrzeżenie: (0%)
-----


Kod
document.getElementById('id_body')

Tutaj musisz zamienić "id_body" na id twojej wartwy np "przyklad1"
Go to the top of the page
+Quote Post
--kolos11--
post 28.12.2012, 15:16:57
Post #5





Goście







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>
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 1.07.2025 - 12:05