Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
b4rt3kk
post
Post #2





Grupa: Zarejestrowani
Postów: 1 933
Pomógł: 460
Dołączył: 2.04.2010
Skąd: Lublin

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

Najprościej? Usunąć cały element, lub zmienić mu display na none.

[HTML] pobierz, plaintext 
  1.   var el1 = document.getElementById('elementNadrzedny');
  2.   var el2 = document.getElementById('elementDoUsuniecia');
  3.   el1.removeChild(el2);
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
wytrazek89
post
Post #3





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

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

ok a nie biorac pod uwage tego kodu nie mozna by bylo zrobic to za sprawa np 3 linijek??
cos typu <img src="obrazek" alt="tekst" /> no i potem maly kod ze po 10 sekundach ten obrazek zniknie?? nie wiem ale cos np jakby sie dalo na samym htmlu bo ten kod wyzej to chcialem przerobic (sciac) by tylko mi pokazal 1 obrazek na 10 sekund a potem usunal go cos w stylu "ladowanie strony"
Go to the top of the page
+Quote Post
Pawel_W
post
Post #4





Grupa: Zarejestrowani
Postów: 1 675
Pomógł: 286
Dołączył: 15.06.2009
Skąd: Wieliczka

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

[HTML] pobierz, plaintext 
  1. setTimeout(function(){
  2.     var el1 = document.getElementById('elementNadrzedny');
  3.     var el2 = document.getElementById('elementDoUsuniecia');
  4.     el1.removeChild(el2);
  5. }, 10000);
[HTML] pobierz, plaintext

hm?
Go to the top of the page
+Quote Post
wytrazek89
post
Post #5





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
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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