Zmena obrazku po X sekundach

baumax · Napísal **baumax**: 07.02.2011 19:23 | Zmena obrazku po X sekundach

na web chcem aby sa mi velky obrazok menil, po 5 sekundach napriklad. Budem mat asi 6 obrazkov a tie sa maju menit

ako to mam spravit ?

1. napadlo ma spravit z tych 6 obrazkov normalne animovany obrazok, ale jeden obrazok ma 80KB (700px*330px) ... nebude to strasne velky obrazok potom ?

2. su nejake ine moznosti ? co ja viem, mozno v php, spravit nejaku slucku casovu a nejaky index obrazku nastavovat a tym by sa menil, ale zasa to by clovek musel obnovit stranku, aby to slo, ci ne ?

3. alebo nieco v Ajaxe ? tam skripty funguju myslim aj bez obnovy stranky

no a este doplnim, ze nejaky text bude na obrazku a ten by sa tiez menil, podla toho aky obrazok by tam bol

emer · Napísal **emer**: 07.02.2011 19:39 | Zmena obrazku po X sekundach

skor chces JS, existuju slideshow skripty, je toho na nete popisane mnoho, riesilo sa to na fore najmenej sto krat... terba len pohladat.

baumax · Napísal autor témy **baumax**: 07.02.2011 19:42 | Zmena obrazku po X sekundach

emer píše:

skor chces JS, existuju slideshow skripty, je toho na nete popisane mnoho, riesilo sa to na fore najmenej sto krat... terba len pohladat.

neviem kde to mam hladat, pomozes ?

emer · Napísal **emer**: 07.02.2011 19:52 | Zmena obrazku po X sekundach

http://www.google.com/search?q=slideshow
http://www.google.com/search?q=slideshow+javascript
http://www.google.com/search?q=slideshow+jquery

?

juho · Napísal **juho**: 07.02.2011 19:52 | Zmena obrazku po X sekundach

naco ajax ked ti staci len jedno pismenko (j)

Kód:

<script>
var obr=new Array(new Image(),new Image());
obr[0].src="cal.gif";
obr[1].src="lmenu.gif";
var s=0;
function rl()
{
  document.getElementById("o").src=obr[s++%2].src;
  setTimeout('rl()',1000);
}
</script>
<body onload="rl();">
<img id="o" >
</body>

baumax · Napísal autor témy **baumax**: 07.02.2011 21:01 | Zmena obrazku po X sekundach

dakujem, na zaciatok idem skusit toto http://www.scriptocean.com/slideshow/

// pridané po 47 minútach od posledného príspevku

juho píše:

naco ajax ked ti staci len jedno pismenko (j)

Kód:

<script>
var obr=new Array(new Image(),new Image());
obr[0].src="cal.gif";
obr[1].src="lmenu.gif";
var s=0;
function rl()
{
  document.getElementById("o").src=obr[s++%2].src;
  setTimeout('rl()',1000);
}
</script>
<body onload="rl();">
<img id="o" >
</body>

ten zapis je kompletny ? to src nepotrebuje obrazok ? ci ako ho ziska, z id ? nechapem

Ďuri · Napísal **Ďuri**: 07.02.2011 21:07 | Zmena obrazku po X sekundach

Ten kod od juha je zly, lebo dokaze menit len 2 obrazky. Navyse celkom zbytocne do pola vklada objekty triedy HTMLImageElement, ked jedine, co potrebuje, su cesty k obrazkom (pole obycajnych retazcov by bolo vhodnejsie). Plus nejake tie prasarny typu eval v setTimeoute tam tiez nemaju co robit.
baumax, skusal si si to napisat aj sam? Toto je uplne elementarny javascript, ako ti juho naznacil, opieraj sa o casovace a nejake to pole s cestami.

baumax · Napísal autor témy **baumax**: 07.02.2011 21:33 | Zmena obrazku po X sekundach

toto som skusil a OK http://www.javascriptsearch.com/tutoria ... sFade.html
akurat chlapik ma tam chaos v pomenovaniach suborov, ma to tam opacne napisane, css pre html ma byt to pre js a opacne + aj js subor ma inak nazvany, ako v dokumente, ale po premenovani je to OK

Zmena obrazku po X sekundach

Zmena obrazku po X sekundach

Podobné témy

zmena obrazku

Zmena obrazku

zmena koncouky obrazku

zmena farby obrazku

zmena textu v obrazku

zmena obrazku po prilozeni

Zmena obrazku bez reloadovania stranky

Změna rozlišení více obrázků zároveň.

Zmena obrazku phpbb na fore

zmena obrazku pomocou CSS, IE problem

zmena obrazku na webe podla datumu

PHPBB3: nefunkcne nahravanie (zmena) obrazku TEMY

XPize zmena obrazku pri nacitavani windowsu

zmena obrazku "mysou"

Auto shutdown po 5 sekundach

Presmerovanie spat po par sekundach