Forum PHP.pl > [HTML][JavaScript][PHP]Obrazek na 10 sekund

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript][PHP]Obrazek na 10 sekund

wytrazek89

27.11.2012, 19:41:12

witam mam taki oto kod

[HTML] pobierz, plaintext 
    <html>
    <head>
 
    <style type="text/css">
    DIV { margin:auto; width:200px;height:100px; }
    DIV.pierwszy { background-image:url('obrazek1.jpg');}
    DIV.drugi { background-image:url('obrazek2.jpg');}
    </style>
 
    <script type="text/javascript">
    var obrazki = new Array();
    function preload()
    {
    for (i=0; i<preload.arguments.length; i++)
    {
    obrazki[i] = new Image();
    obrazki[i].src = preload.arguments[i];
    }
    }
 
    preload("obrazek1.jpg","obrazek2.jpg" );
 
    function zmien_obrazek()
    {
    var image = document.getElementById('obrazek');
    if( image.className == 'pierwszy' )
    image.className = 'drugi';
    else
    image.className = 'pierwszy';
    setTimeout('zmien_obrazek()', 1000);
    }
    </script>
 
    </head>
    <body onLoad="setTimeout('zmien_obrazek()', 1000)">
    <div id="obrazek" class="pierwszy">
    </div>
    </body>
    </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??

b4rt3kk

27.11.2012, 20:28:36

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

[HTML] pobierz, plaintext 
  var el1 = document.getElementById('elementNadrzedny');
  var el2 = document.getElementById('elementDoUsuniecia');
  el1.removeChild(el2);
[HTML] pobierz, plaintext

wytrazek89

27.11.2012, 21:58:34

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"

Pawel_W

27.11.2012, 22:13:07

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

hm?

wytrazek89

27.11.2012, 22:37:35

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

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.