Javascript sima változás image

Értékelés: 5/5

Egy ismerős része a weboldal tervezés vált sima változása képet. Hajtják végre, számos megközelítés. Használhatja a gif-animáció. Ugyanakkor, hogy elegendő folyékonyság, szükséges, hogy egy csomó kép.

Másik jellemzője a script, hogy csak a sima változás a képek, minden kép lehet hivatkozni, hogy az erőforrás. Hány kép - sok link különböző források. Akkor nézd meg! Egy érdekes alternatíva a bannerek?

A képen látható, hogy a forgatókönyv működését. Száma változó képek, megjelenítési idejét minden keret és az átmeneti időben könnyen változik.

Sima arculatváltásnál valósul ChangeImage () függvényt. Vonal 93 létrehoz egy időzítő azonosítóval play_id. Ezt a funkciót c intervallum time_show. Jelentés start = 0 megfelel a tevékenység időzítő. Ha elveszíti a fókuszt a böngésző ablakot (átkerült a másik lapot, sőt egy másik alkalmazás) play_id időzítő leállítja sor 78. Az érték start = 1 felel meg „alvó” időzítőt. Amikor visszatér a hangsúlyt, hogy a böngésző ablak elindít egy időzítőt 86 vonal.

A legelső alkalommal elindítjuk az órát play_id vonal 93, és nem 86, mert a Google Chrome böngésző. Opera és a Safari után azonnal az oldal betöltésekor window.onfocus nem hívtuk, és a kép nem változott.

• elvesztése után, és vissza a fókuszt (átváltott más böngésző lapot egy másik alkalmazást, majd térjen vissza erre az oldalra) képek kezdetben gyorsan cserélhető „naskakivaya” egymásra
• el kell helyezni egy oldalon néhány háztömbnyire lassan változó képek, és ha nem vagy programozó, vannak nehézségek

Ezek a hátrányok olyan eljárás, amelynek során a CSS - Cikk Oldjuk képek CSS3 1. rész, és a zökkenőmentes átmenetet a képek CSS3 2. rész Van is tartják az egyik hatásait egy sima kép változás - változás a forgatást.