Autor Zpráva
Rouven58
Profil
Ahoj, potřeboval bych pomoct ohledně postupné změny pozadí. Mám tento script:
    <script type="text/javascript">
      var index = 0;
      function setbackground()
      {
        window.setTimeout( "setbackground()", 15000);

       index += 1;

       var BackgroundValue = 'url(images/bg1.jpg)';
        if(index == 1) {
          BackgroundValue = 'url(images/bg1.jpg)';
        }
        if(index == 2) {
          BackgroundValue = 'url(images/bg2.jpg)';
        }
        if(index == 3) {
          BackgroundValue = 'url(images/bg3.jpg)';
          index = 0;
        }

       document.getElementsByTagName("body")[0].style.backgroundImage = BackgroundValue;
      }
    </script>
A potřeboval bych aby se změna obrázku prováděla postupně (např. po dobu 1s) něco jako je v CSS transition. Díky
Chamurappi
Profil
Reaguji na Rouvena58:
document.getElementsByTagName("body")[0]
Proč ne document.body?

Postupnou animaci uděláš tak, že jedním pozadím překryješ druhé a tomu prvnímu postupně snížíš průsvitnost na nulu.
Rouven58
Profil
Zjistil jsem, že stačí použít transition do body. Jen se chci zeptat jestli s tím nebudou potom nějaké problémy :)

„Proč ne document.body?“
Ten javascript jsem pouze stáhl a upravil. Javascriptu moc nerozumím... Ale pozměnil jsem to. Díky za odpověď
Str4wberry
Profil
Nevýhoda použití transition bude v tom, že to funguje až od IE 10.
Chamurappi
Profil
Reaguji na Rouvena58:
Zjistil jsem, že stačí použít transition do body.
A to jsi zjistil ve všech prohlížečích? O tom dost pochybuji.

Ten javascript jsem pouze stáhl a upravil.
Odkud?


Reaguji na Str4wberryho:
Animování obrázku nefunguje ani v jedenáctce.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

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