Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][JavaScript][PHP]Obrazek na 10 sekund, Wyswietlenie obrazka na 10 sekund
wytrazek89
post
Post #1





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 8.06.2012

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

witam mam taki oto kod 

[HTML] pobierz, plaintext 
  1.     <html>
  2.     <head>
  3.  
  4.     <style type="text/css">
  5.     DIV { margin:auto; width:200px;height:100px; }
  6.     DIV.pierwszy { background-image:url('obrazek1.jpg');}
  7.     DIV.drugi { background-image:url('obrazek2.jpg');}
  8.     </style>
  9.  
  10.     <script type="text/javascript">
  11.     var obrazki = new Array();
  12.     function preload()
  13.     {
  14.     for (i=0; i<preload.arguments.length; i++)
  15.     {
  16.     obrazki[i] = new Image();
  17.     obrazki[i].src = preload.arguments[i];
  18.     }
  19.     }
  20.  
  21.     preload("obrazek1.jpg","obrazek2.jpg" );
  22.  
  23.     function zmien_obrazek()
  24.     {
  25.     var image = document.getElementById('obrazek');
  26.     if( image.className == 'pierwszy' )
  27.     image.className = 'drugi';
  28.     else
  29.     image.className = 'pierwszy';
  30.     setTimeout('zmien_obrazek()', 1000);
  31.     }
  32.     </script>
  33.  
  34.     </head>
  35.     <body onLoad="setTimeout('zmien_obrazek()', 1000)">
  36.     <div id="obrazek" class="pierwszy">
  37.     </div>
  38.     </body>
  39.     </html>
[HTML] pobierz, plaintext


ogólnie działa on tak ze wystwietla 1 obrazek a po sekundzie drugi chcialbym go przerobic tak ze wyswietli mi 1 obrazek na 10 sekund a nastepnie poprostu ten obrazek zniknie jak mógłbym to zrobić w najprostszy sposób??
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
wytrazek89
post
Post #2





Grupa: Zarejestrowani
Postów: 17
Pomógł: 0
Dołączył: 8.06.2012

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

nadal nie wiem co dalej doszedlem do takiej opcji :

<html>
<head>
<style type="text/css">
DIV { margin:auto; width:200px;height:100px; }
DIV.pierwszy { background-image:url('http://serwer0.3te.pl/Pliki_na_strone/Reklama_i_logo/LOGO.gif');}
DIV.drugi { background-image:url('http://serwer0.3te.pl/Pliki_na_strone/Reklama_i_logo/LOGO.gif');}
</style>

<script type="text/javascript">

setTimeout(function(){
var el1 = document.getElementById('pierwszy');
var el2 = document.getElementById('drugi');
el1.removeChild(el2);
}, 10000);




</script>

</head>
<body onLoad="setTimeout('zmien_obrazek()', 10000)">
<div id="obrazek" class="pierwszy">
</div>
</body>
</html>

Ale wciaz ciemny w tym jestem poki co dziala to tak ze wyswietla i nic wiecej
Go to the top of the page
+Quote Post

Posty w temacie
- wytrazek89   [HTML][JavaScript][PHP]Obrazek na 10 sekund   27.11.2012, 19:41:12
- - b4rt3kk   Najprościej? Usunąć cały element, lub zmienić mu d...   27.11.2012, 20:28:36
- - wytrazek89   ok a nie biorac pod uwage tego kodu nie mozna by b...   27.11.2012, 21:58:34
- - Pawel_W   [HTML] pobierz, plaintext setTimeout(function...   27.11.2012, 22:13:07
- - wytrazek89   nadal nie wiem co dalej doszedlem do takiej opcji ...   27.11.2012, 22:37:35

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 12.10.2025 - 22:41
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn