Effekter av jQuery Cycle

JQuery Cycle plugin tillater utviklere å lage lysbildefremvisninger for websider, hvor hvert element overganger inn i neste. Nettsider kan bruke en rekke overgangseffekter for denne prosessen. The Cycle plugin inneholder mange effektalternativer utviklere kan velge mellom, inkludert falming, skyving, zooming og stokking.

Blind og Cover

Den blinde virkninger i jQuery Cycle plugin inkluderer blindX, Blindy og blindZ. Den blindX effekten innebærer det neste elementet glir i langs "X" aksen som den forrige element glir ut. Den Blindy virkning gjør det samme, men langs "Y" -aksen, og blindZ skaper effekten diagonalt. Omslags effekten er lik den Blind effekt, med hvert element forsvinner før neste glir i.

Bla og Turn

Rulle effekten innebærer gjeldende element glir ut av visningen som det neste elementet glir i, uten tomrom mellom dem. Denne effekten er alternativene lar utviklere å velge hvilken retning eller aksen elementene bla i og ut av syne i, inkludert opp, ned, venstre, høyre, horisontal og vertikal. Turn effekten er lik rulling, med ett element klemme langs en bestemt akse før den forsvinner for å gjøre vei for den neste.

Lysbilde

Slide effekter inkluderer slideX og slidey. Effekten innebærer ett element å flytte ut av utsikt i samme retning som elementet beveger seg i. For eksempel med slideX, glir det aktuelle elementet av til venstre og neste punkt glir også på venstresiden. Med slidey, fungerer effekt på samme måte, men med elementer beveger seg inn og ut fra toppen av websiden element.

Vokse

De growX og growY alternativene fungerer ved å dyrke en vare fra en fin linje til full størrelse i løpet av effekten. For eksempel med growX, vises ett element på toppen av den andre, som starter som en vertikal linje og vokser langs "X" aksen til forrige element er helt skjult. Den growY effekt gjør det samme, men med elementet vokser gradvis langs "Y" aksen, og starter med en horisontal linje over midten av det gjeldende elementet.

Annen

JQuery Cycle plugin gir en rekke ekstra effekter for lysbildefremvisning overganger. Gardin-effekten omfatter en element krympe langs en akse som den neste vokser langs samme akse. The Fade effekt rett og slett forsvinner ett bilde ut for å avsløre en annen, mens FadeZoom effekten forsvinner et bilde mens vokser til full størrelse fra et sentralt punkt. Den Toss effekten er en av de mer uvanlige alternativer, med det aktuelle bildet blir "kastet" ut av syne for å avsløre den neste.