Domanda

Sono un grande fan del href="http://jquery.malsup.com/cycle/" rel="noreferrer"> ciclo di jQuery plugin di ancora che sarebbe stato bello se avesse alcuni effetti di transizione più complessi simili a Nivo Slider o jqFancyTransistions .

capisco il jist di come creare effetti personalizzati con ciclo di jQuery, ma sto avendo un momento difficile cercando di capire come creare gli effetti striscia di transizione simili a nivo slider e jqfancytransitions o se la sua possibile a tutti in jQuery ciclo. Qualsiasi aiuto su questo sarebbe molto apprezzato. Grazie!

È stato utile?

Soluzione

ho montata su un minimo proof-of-concept demo . E 'scritto come una vera e propria plugin per jQuery ciclo di transizione.

A seconda di quanto sei soddisfatto con il gioco con il codice, dovrebbe fornire un buon punto di partenza. Ho iniziato a lavorare dalla transizione riordino me stesso, come che sembrava essere l'unico passaggio che ha fatto più di manipolare le proprietà CSS, che credo non basta per quello che volevamo ottenere.

Da quando ho né usato jQuery Cycle prima, né scritto plugin di transizione per esso, è del tutto possibile che non ho commesso peccati capitali in alcuni dettagli di come è scritto.

Inoltre, si può sicuramente essere ottimizzato. In questa fase, è scritto per chiarezza prima, seconda rappresentazione. Tuttavia, sulla mia macchina (piuttosto veloce), il tempo di animazione e di reazione sono fluente e istantanea.

Quindi, il gioco è fatto.

modifica: La demo pagina include ora la documentazione per le opzioni in aggiunta a vista e un paio di esempi che illustrano come ottenere alcuni effetti differenti semplicemente passando diverse opzioni.

modifica 2: Ho generalizzato le strisce di tegole e mettere molti esempi più sulla demo pagina .

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top