Jquery Syklus Plugin Fx Opsjoner

home jQuery Cycle Plugin. jQuery Cycle Plugin er en lett slideshow plugin. Implementeringen er basert på InnerFade Plugin av Torsten Baldes, Slideshow Slideshow av Matt Oakes, og jqShuffle Plugin av Benjamin Sterling. Den støtter pause-on-hover, auto - stopp, auto-fit, før etter tilbakeringinger, klikk utløsere og mange overgangseffekter. Det støtter også, men krever ikke, Metadata-plugin og Easing-plugin. Hvordan fungerer det. Pluggen gir en metode som kalles syklus som påberopes på en beholder element Hvert barnelement i beholderen blir et lysbilde. Alternativer kontrollerer hvordan og når lysbildene er overført. ScrollRight click. Images brukes i disse demoer fordi de ser kult ut, men lysbildefremvisninger er ikke begrenset til bilder. Du kan bruke hvilket som helst element du vil ha. Browse Effects. Use Effects Browser-siden for å forhåndsvise de tilgjengelige effektene. Se flere demoer og eksempler. Cycle Plugin gir mange muligheter for å tilpasse lysbildeserien. Standardalternativene kan overstyres. den ved å overføre et alternativobjekt til syklusmetoden, ved å bruke metadata på beholderelementet, eller ved å omdefinere verdiene i din egen kode. For mer om alternativer, se Alternativreferanse-siden. Hvorfor en annen lysbildeserieimplementering jeg ønsket støtte for noen få ekstra funksjoner som pause-on-hover, auto-fit, stoppe lysbildeserien, og bruk Metadata Plugin Og når jeg så Benjamin Sterling s jqShuffle Plugin jeg virkelig ønsket å legge den effekten til Mange takk til Ben for å la meg gjøre det. jQuery Cycle Plugin. Sjekk ut Cycle2 den siste i Cycle Line of Slideshows. JQuery Cycle Plugin er et lysbildefremstillingsplugin som støtter mange forskjellige typer overgangseffekter. Det støtter pause-on-hover, auto-stopp, automatisk tilpasning, før etter tilbakekallinger, klikk utløsere og mye mer. Det støtter også, men krever ikke, Easing Plugin. Hvordan fungerer det. Pluggen gir en metode som kalles syklus som påberopes på et beholderelement. Hvert barnelement i beholderen blir et lysbilde. Jeg og hvordan og når lysbildene er overført. ScrollRight click. Images brukes i disse demoene fordi de ser kult ut, men lysbildefremvisninger er ikke begrenset til bilder. Du kan bruke hvilket som helst element du vil ha. Browse Effects. Use Effects Browser-siden for å forhåndsvise tilgjengelige effekter. Se flere demoer og eksempler. Cycle Plugin gir mange muligheter for å tilpasse lysbildeserien. Standardalternativene kan overstyres ved å sende et alternativobjekt til syklusmetoden, ved å bruke metadata på beholderelementet eller ved å omdefinere verdiene i din egen kode. For mer om alternativer, se Valg Referanse side. Spesielt takket være Torsten Baldes Matt Oakes og Ben Sterling for de mange ideene som fikk meg til å begynne med å skrive Cycle i 2007.Denne demo forklarer hvor enkelt det er å bruke jQuery Cycle valgmuligheter samt noen av de beste av maksimering 2 0 Du kan se hvordan tilbakeringingsfunksjoner brukes samt hastighet, fx, timeout, personsøking og virkelig noe annet jQuery Cycle-alternativ. Denne demoen bruker også Maximage 2 0 s tilpasset h elper-funksjon som gjør det mulig for noen elementer i lysbildeserien å bli maksimert som bakgrunnsbildene i lysbildene. I dette tilfellet maksimerer vi en HTML5-video i vår lysbildefremvisning, samt en Youtube-video. Jeg ønsket en måte å vise på hvordan Maximage2 lar deg maksimere bilder innenfor inneholdende elementer også ikke bare nettleservinduet Du sender bare en velger til Maximage2 s fillElement-alternativet, og du er god å gå. Den bruker også en annen fx fra jQuery Cycle for å vise hvor enkelt det er. backgroundSize Maximage2 kan enten være en strengdeksel eller inneholde for å bestemme hvordan bildet fyller beholderen. Deksel fyller alle tilgjengelige plasser med bildet mens innholdet maksimerer bildet i rommet, men overskrider ikke plassen. Disse skal være de to vanligste scenariene, men det er veldig mulig at noen kan trenge en annen funksjonalitet. Vel Maximage2 lar deg skrive din egen funksjon her, og dette er et eksempel på hvordan det gjøres. Forsiktig Dette eksemplet er ment for exp dine brukere Husk, med FillElement kan du ofte oppnå en forskyvning ordningen veldig enkelt bare sett ditt inneholdende element der du vil at bildene skal vises. Fordi den første regelen med Maximage 2 0 er å forsøke å holde hendene av og ut av veien, Den innebygde støtten til forskyvninger har blitt tapt med versjon 2 0 Dette betyr ikke at de er mulige. Med en liten albuefett kan de fortsatt bli oppnådd og bedre. Hva jeg gjør med underkoden er å skape gardiner motsetninger som bor i foran lysbildeserien jeg kaller disse gardinene, har jeg gjort dette med HTML og CSS nedenfor for 100px forskyvninger på toppen, høyre, bunn og venstre kant på skjermen. Når vi har gardinene opp, blir lysbildefremvisningen fortsatt tilpasset til full størrelse vindu og vi vil ha det maksimere innenfor det synlige området vårt vindu størrelse minus våre offsets Av denne grunn må du tilpasse funksjonen som endrer størrelsen på vinduet. Vi kan gjøre det med bakgrunnsstørrelsen som blir sendt til Maximage J ust sett din verticalOffset og horizontalOffset i backgroundSize JS eksempel nedenfor for å formatere bildene dine i det synlige området. For å få bilder som finnes i offsetene, byttes bare ut basert på høyde, basert på bredderegler i bakgrunnen. Størrelsesfunksjon som denne. Maximage2 kan brukes som et verktøy for å gjøre nesten alt et fullskjerm bakgrunnselement veldig enkelt Dette eksempelet viser hvordan det kan brukes til å lage en bakgrunn HTML5 video. NOTE HTML5 video fallbacks for IE7 IE8 fyller for øyeblikket ikke skjermen i en lysbildefremvisning Jeg jobber med dette øyeblikket , men hvis dette er viktig for deg, vennligst bruk en annen lysbildefremvisning for øyeblikket og sjekk for oppdateringer da dette har vist seg å være mer komplekst enn det var forventet.