| 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: 11 let
|
|||
0