Il plugin jQuery Cycle permette agli sviluppatori di creare presentazioni per le pagine Web, in cui ogni elemento transizioni nel successivo. Le pagine Web possono utilizzare una varietà di effetti di transizione per questo processo. Il plugin ciclo comprende sviluppatori molte opzioni degli effetti possono scegliere, tra cui dissolvenza, scorrimento, zoom e rimescolamento.

Ciechi e copertina

Gli effetti ciechi nel plugin jQuery Cycle includono blindX, Blindy e blindZ. L'effetto blindX coinvolge l'elemento successivo scorrevole lungo l'asse "X" come il presente articolo fuoriesce. L'effetto Blindy fa lo stesso, ma lungo l'asse "Y", e blindZ crea l'effetto diagonalmente. L'effetto della copertura è simile all'effetto cieco, con ogni elemento scomparendo prima che la successiva scorre in.

Scorrere e Turno

L'effetto di scorrimento prevede l'elemento corrente scivolare fuori di vista come l'elemento successivo scorre in, senza spazio vuoto tra di loro. Le opzioni di questo effetto consentono agli sviluppatori di scegliere quale direzione o l'asse gli elementi scorrono dentro e fuori di vista, tra cui su, giù, sinistra, destra, orizzontale e verticale. L'effetto Turn è simile a scorrimento, con una voce che comprime lungo un asse particolare fino a scomparire per far posto a quella successiva.

Diapositiva

effetti di scorrimento comprendono SLIDEX e slidey. L'effetto comporta un articolo muoversi dalla vista nella stessa direzione come l'elemento in movimento. Ad esempio, con SLIDEX, l'elemento corrente scorre verso sinistra e l'elemento successivo scorre anche da sinistra. Con slidey, l'effetto funziona allo stesso modo, ma con oggetti in movimento dentro e fuori dalla parte superiore dell'elemento pagina Web.

Crescere

Le opzioni growX e growY lavoro da una crescente un elemento da una linea sottile a schermo intero nel corso dell'effetto. Ad esempio, con growX, un elemento appare sopra l'altra, partendo da una linea verticale e crescente lungo l'asse "X" finché l'elemento precedente è completamente oscurata. L'effetto growY fa lo stesso, ma con l'elemento cresce progressivamente lungo l'asse "Y", a partire da una linea orizzontale attraverso il centro dell'elemento corrente.

Altro

Il plugin jQuery Cycle fornisce una serie di effetti aggiuntivi per slide-show transizioni. L'effetto Curtain coinvolge un elemento contrazione lungo un asse come prossimo cresce lungo lo stesso asse. L'effetto Fade svanisce semplicemente un'immagine per rivelare un'altra, mentre l'effetto FadeZoom svanisce un'immagine durante la crescita a piena da un punto centrale. L'effetto Toss è una delle opzioni più insolite, con l'immagine attuale è "gettato" fuori vista per rivelare la successiva.