zmena obrazka po X sekundach

BX · Príspevok od používateľa BX » 12 nov 2009, 20:48

Potreboval by som (myslim, ze dost jednoduchy) javascript:
Momentalne to mam cez php, ze pri kazdom reloade stranky sa vyberie nahodny obrazok z priecinka a zobrazi ho.
Mam to asi takto:

Kód: Vybrať všetko

echo("<img src='images/photoalbum/album_1/obr"); echo(rand(1,6)); echo(".jpg' width='384' height='288' style='margin:5px' align='left' /> ");

Pri com predpokladam nazvy obr1, obr2...

Toto by som potreboval prepisat do javascriptu(co by vobec nebol problem), ale chcem to tak, aby sa mi ten obrazok menil po kazdych X sekundach. (napr 4sek) Teda pri nacitani si vyberie nahodny obrazok a potom po kazdych X sekundach ho nahradi inym nahodnym.
Myslim, ze to pre vacsinu bude malina, tak mi prosim pomozte

awtt · Príspevok od používateľa **awtt** » 12 nov 2009, 22:25

napíš si funkciu ktorá ti ho bude meniť a potom tu funkciu zavolaš takto

Kód: Vybrať všetko

setInterval( "funkcia()", 3000 );

BX · Príspevok od používateľa BX » 13 nov 2009, 14:14

nooo dajme tomu, ze v JS nie som uplne doma

Z mojich znalosti som vytvoril nico taketo:

Kód: Vybrať všetko

<html>
<head>

<script>
function ZmenaObr()
{
cislo = (Math.round(Math.random()*5)+1);
document.write('<img src="nahodna/obr'+cislo+'.jpg>');
}
</script>

</head>

<body>

<script type="text/javascript">

 setInterval( "ZmenaObr()", 3000 );;

</script>

</body>
</html>

Nezobrazi sa nic, len obrazky nacitava, sice ich meni (po zastaveni nacitavania sa obr. zobrazi), ale nezobrazuje ich ako by som chcel. Co mam zle?

Kód: Vybrať všetko

<html>
<head>

<script type="text/javascript"> 
function ZmenaObrInt()
{
setInterval(ZmenaObr,3000);
}

function ZmenaObr()
{
var cislo, id;
id = document.getElementById('obrazok');
cislo = Math.round(Math.random()*5)+1;
id.src = 'nahodna/obr'+cislo+'.jpg';
} 
</script> 

</head>

<body onload="ZmenaObrInt()">

<img src="nahodna/obr1.jpg" id="obrazok" alt="nahoda">

</body>
</html>

BX · Príspevok od používateľa BX » 13 nov 2009, 17:41

Dakujem pekne