Az animáció lehetséges a jpg-nek, vagy hogyan lehet megszervezni a legegyszerűbb diavetítést

Mint minden valószínűleg már tudta, a grafikai tervezés nagy jelentőséget tulajdonít minden webhelynek. A kezdőlap (különösen ez a lányok esetében) az egyik legjobb töltési lehetőség lehet fotógaléria. Számtalan módja van az online fotóalbumok szervezésére, amelyek közül sokan már sokszor említettük magazinunk korábbi kiadásait. Ma felhívjuk figyelmüket az ilyen galéria létrehozásának ritka módjairól.

Folyamatos diavetítés.

Itt láthatja a munkát.

Az ötlet nagyon egyszerű. Több kép képarchívumát hoztuk létre. Ennek az archívumnak az elemei [i] a megfelelő grafikus fájlok nevei. A scroll_image () függvénnyel tudjuk frissíteni a galériát (néhány gyakorisággal, esetünkben másfél másodpercig). Ha eltávolítjuk a kilátást n = 0, akkor nem lesz ciklikus megjelenítés a képekről, azaz a galéria csak egyszer fog megjelenni. És mi fog történni, ha fél másodpercről néhány századra csökkentjük az átmeneti időt a következő képre?

Animáció létrehozása a jó öreg GIFA használata nélkül.

Számos webes tervező nagyon sok kérdést tartalmaz, és mi a teendő, ha a gif-képeket kényelmetlenül használják, és animációt kell létrehozni. Általában az ilyen kellemetlenségek annak a ténynek tudhatók be, hogy a gif nagyon gyengén tömöríti a fényképeket. Persze, gyakran találkozol az interneten a gyenge minőségű minőségű animált gif-bannerekről a 32-es palettán és még 16 színnel is, amelyeken a fénykép átvitelére tett kísérletet. Mindig meg akarom mondani az ilyen bannerek alkotóinak, hogy inkább a jpg tömörítést használják, még az animációt is feláldozva. Gyakran előfordul, hogy a jó minőségű jpg sokkal kevesebb helyet foglal el a lemezen. Sajnos azonban a jpg-nek óriási hátránya van: nem animálható. Szerencsére a Java Script használatával, különösen a fenti sorokból álló szkript segítségével könnyen megoldhatja ezt a problémát. Ehhez csak néhány tízmásodpercig kell csökkentenünk a galéria frissítésének idejét. Lesz egy sor jpg, amely frissítve a sebesség az animált gif. Tehát mostantól a szkript segítségével kis fotográfiai rajzfilmeket készíthet a webhelyén.

A munkamódszer itt látható.

Itt láthatja a munkát.

A "Szünet" gomb megnyomásakor megjelenített szám számának megjegyzése érdekében a regisztrált változó bejegyzést adta meg. Fontos megjegyezni, hogy ezúttal a scroll_image függvényt használják a paraméterrel. Amint elküldik a kép számát a sorozatban. Ha ez a paraméter "-1" -re van állítva, a funkció leáll, vagyis a diavetítés véget ér. A változtatásokat a scroll_image függvény funkciójának megírásával láthatja el, ha az oldalt a működő verzióval elmenti.

Képeket készít képekre.

comm = új Array ()
(i = 0;<3;i++)
comm [i] = új kép ();
ha (i == 0) comm [i] = "1. kép";
ha (i == 1) comm [i] = "2. kép";
ha (i == 2) comm [i] = "3. kép";
>

Ugyanezen scroll_image függvény segítségével frissítjük a mező értékét. Ehhez hozzá kell rendelnie egy sort:

Itt láthatja a munkát.

A galériák létrehozásának ez a módja nem túl gyakori az interneten, és nagyon ritka a Java Script használatával a jpg-in animált sorozatot megvalósítani. Az első út ésszerű használata legalább azért, mert nem igényel átmenetet egy új oldalra, ami jelentősen megnöveli a webhely sebességét. A második lehetővé teszi, hogy jelentősen növelje a minõségû képeket, minõségû animált gif-eknek megfelelõ fájlmérettel.