Autor | Zpráva | ||
---|---|---|---|
Tiffany Profil |
#1 · Zasláno: 26. 8. 2014, 13:33:46
Ahoj, moc prosím o radu...pokouším se udělat střídání obrázků v pozadí (body).
v JS mám <script type="text/javascript"> function run(interval, frames) { var int = 1; function func() { document.body.id = "b"+int; int++; if(int === frames) { int = 1; } } var swap = window.setInterval(func, interval); } run(3000, 3); //milliseconds, frames </script> v CSS #b1 { background:url(../images/body_background_1.jpg) top center no-repeat; } #b2 { background:url(../images/body_background_2.jpg) top center no-repeat; } Nejde mi ale udělat, aby změna pozadí byla plynulá..s nějakým fade effektem :( Nevěděl by nějaký guru..? |
||
juriad Profil |
Pomůže ti toto? Musíš mít víc do sebe zanořených divů - pro každý obrázek jeden, pak stačí měnit opacity.
Prolínání obrázků |
||
Tiffany Profil |
#3 · Zasláno: 26. 8. 2014, 14:11:23
juriad:
Děkuju moc za reakci....chtěl jsem to aplikovat na body bez použití html. |
||
Bubák Profil |
#4 · Zasláno: 26. 8. 2014, 14:18:18
background-image podle CSS3 specifikace není animovatelná vlastnost, pokud vím, tak animaci změny background-image podporují jen prohlížeče založení na jádru Chromium/Blink, jako Chrome, nová Opera, Safari...
http://kod.djpw.cz/wffb http://kod.djpw.cz/wffb- Takže jediná možnost je udělat to tak, jak radí juriad. |
||
Časová prodleva: 10 let
|
0