Autor Zpráva
Tiffany
Profil
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
juriad:
Děkuju moc za reakci....chtěl jsem to aplikovat na body bez použití html.
Bubák
Profil
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.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: