Fang min berommelse.

Fang min berommelse.

jQuery Panel Gallery Plugin 2.0.

Siden det har gatt et ar siden Panel Gallery-pluginet sist ble oppdatert, skjonte jeg at det var forsinket for noen spiffing opp. Jeg har fullstendig omskrevet panelgalleri-pluginet og lagt til en stor mengde nye effekter. Du er ikke lenger begrenset til bare paneler for a overfore bildene dine; na har du en hel rekke forskjellige effekter a soke pa, med flere mater a bruke dem pa. Se demoene.

Versjon 2.0 (Super Happy Fun Ball � -utgaven) har folgende overgangseffekter:

Fade & # 8211; Et enkelt totalt bilde fades Box (5 variasjoner) & # 8211; Overganger ved a dele opp et bilde i sma firkanter. Overganger kan v re tilfeldige, eller tork diagonalt fra overst til venstre til nederst til hoyre, overst til hoyre til nederst til venstre, nederst til venstre til hoyre og nederst til hoyre til venstre. Panel (44 variasjoner) & # 8211; For mange til a liste, deler paneler opp et bilde horisontalt eller vertikalt og animerer basert pa alternativene dine. Noen effekter er glidelas, tenner, avslorer, nord / sor, ost / vest. Overlegg (8 variasjoner) & # 8211; Dette er de opprinnelige Panel Gallery-effektene, med muligheten til a legge til en blinds-effekt for et hvilket som helst overleggsalternativ. Jackpot & # 8211; Vegas stil baby! Denne effekten deler et bilde opp i tre stykker og overgar dem som spilleautomater.

Du kan bruke bestemte effekter pa et hvilket som helst bilde, lage en rekke effekter, slik at plugin-valget pavirker deg. Dette, kombinert med pluginens alternativer, gir deg et ubegrenset antall kombinasjoner som skal brukes.

Versjon 2.0 har fortsatt muligheten til a pause overgangene ved a plassere musen over bildet.

Som med tidligere utgaver av Panel Gallery, er den beste delen av dette pluginet at ikke et bilde ma skives eller redigeres for a fungere med det; plugin gjor alt arbeidet! Pluss det brytes grasiost for de som har JavaScript deaktivert.

jquery.panelgallery-2.0.js (27k) jquery.panelgallery-2.0.min.js minified (11k)

Eksempel 1 & # 8211; Film stillbilder fra Inception, Matrix, Machete og Disney & # 39; s neste animerte film Tangled Eksempel 2 & # 8211; Supermodeller Eksempel 3 & # 8211; Store blomsterbilder Eksempel 4 & # 8211; Flere panel gallerier pa en side.

Hva er sa flott om denne plugin?

Ingen snitting eller redigering av bildene er nodvendig Tusenvis av bildeovergangseffekter Det er bare 11 KB komprimert Hvert bilde kan ha sin egen fadeffekt Du kan sette opp en rekke effekter for a soke pa bildene Galleriet kan settes pa pause pa mouseover Lett konfigurerbar Gjenbrukbar pa flere beholdere.

Hvordan a bruke.

Forst ma alle bildene dine v re av samme storrelse og innpakket i et inneholdende element (jeg anbefaler en div) som ma ha en ID. Eventuelle bilder vil fungere, men det anbefales ikke at gjennomsiktige bilder blir anbefalt.

Alle bilder * MUST * ha bredde og hoyde oppgitt ellers plugin vant i a arbeide i Safari, Chrome og andre webkitbaserte nettlesere. Du kan blande forskjellige bildeformater som Gif, Jpg og Png.

For a bruke pluginet ma du ha en kopi av jQuery, eller pek pa jquery pa Google, og pluginet. Plasser filene pa nettstedet ditt og lenke til dem:

Til slutt, mens du ikke ma spesifisere noen effekter som plugin vil tilfeldig velge dem for deg, kan du angi overgangseffekter for individuelle bilder, eller angi et alternativ for en rekke effekter for a bla gjennom (se valgene nedenfor) . Bildespesifikke effekter har hoyeste prioritet, etterfulgt av en rekke effektalternativer, og til slutt tilfeldige effekter. Hvis du angir en array-opsjon, vil plugin gjelde hver effekt i den rekkefolgen du angir, og sykler gjennom dem uavhengig av hvor mange bilder du har. For eksempel hvis du har 10 bilder, og ditt utvalg har tre effekter, vil det forste bildet fa den forste effekten, det andre bildet vil fa den andre effekten, det tredje bildet vil fa den tredje effekten, og det fjerde bildet vil da bli det forste overgangseffekt, og sa videre.

Ikke lenger spesifiserer du en retning for en effekt som du gjorde med den eldre versjonen av denne plugin. I stedet spesifiserer du en bestemt effekt som inneholder retningen. For a legge til en bestemt overgangseffekt til et bilde, tilordner du det til bildetes navnattributt. For eksempel:

Det er det! Du kan bruke panelgalleriet til et hvilket som helst antall elementer pa en side.

Folgende alternativer kan konfigureres:

viewDuration: tiden (i millisekunder) a pause mellom et fullfort bilde og det neste bildet (standard: 4000) overgangDurering: tiden (i millisekunder) for a pause mellom hver del av et bilde (standard: 1000) boksSize: hoyde og bredde av bokser (i px) nar du bruker boksoverganger (standard 35) boxFadeDuration: tiden (i millisekunder) tar for en enkelt boks a fade ut (standard: 1000) boxTransitionDuration: tiden (i millisekunder) a vente for neste boks begynner a falme inn (standard: 100) panel Bredde: hoyden (eller bredden) av hvert panel nar du bruker panelovergangseffekter (standard 40) panelTransitionDuration: tiden (i millisekunder) for a vente for neste panel begynner a falme inn (standard: 100) pauseOnHover: Boolsk verdi for a aktivere pause pa hover-funksjonen (standard: true) FX: et valgfritt utvalg av overgangseffekter hvor hver effekt er omsluttet i enkelt anforselstegn og adskilt av et komma (standard er en tom rekkefolge og # 8211 ; Array ())

Alternativer blir lagt til nar du ringer pa skriptet:

Overgangseffekter.

For et eksempel pa hver effekt, klikk pa navnet for a apne et nytt vindu der en serie bilder vil overga, basert pa effekten du velger.

Panel effekter som har en sann / falsk andre parameter, viser om panelet skal falme inn nar det beveger seg (sant) eller forblir helt ugjennomsiktig fra start til slutt (falsk). Overleggseffekter som har en sann / falsk andre parameter, refererer til om blindeffekten skal brukes (sann) eller ikke (false).

Dele denne:

Post navigasjon.

143 tanker om «jQuery Panel Gallery 2.0 Utgitt & rdquo;

Kommenter navigasjon.

dette er et veldig bra lysbildefremvisningsprogram, og det er helt enkelt a installere! Men jeg vil gjerne designe var nye hjemmeside for a endre storrelsen, og selv nar jeg definerer hoyde og bredde pa bildene i prosentverdier, endres de ikke i det hele tatt nar jeg endrer vinduets storrelse.

Har noen et forslag om hvordan eller om det er mulig a endre storrelsen pa bildene dynamisk avhengig av vinduets storrelse?

Nettleser: FireFox (nyeste versjon)

OS: Windows 7 Home Primeum.

webutvikler: Dream Weaver CS5.5 og PhotoShop CS5.5.

Jeg hadde galleri-pluginet som fungerte bra, men pa en eller annen mate brot jeg det. (Jeg vet, hvor er sikkerhetskopien?).

Jeg skjonte JS-filene var culpret som bildene var vertikalt ned pa siden. Jeg installerte js-filer pa nytt uten endring. Da sjekket jeg CSS-filene som ble kalt og kunne ikke finne noe.

Jeg har nettopp tripplet sjekket for a sikre at JS var i prober-mappen og og alle anropene var korrekte. Kan fortsatt ikke fa det til a fungere igjen.

Na legger jeg merke til at etter at jeg har installert JS-filene igjen, har jeg ikke lenger sett bildene i desperasjon.

Helt forvirret, hadde ingen problemer med a sette inn galleriet, forste gang jeg gjorde det. Kan du ta en titt?

Hei der! Dette er litt av emnet, men jeg trenger litt veiledning fra en etablert blogg. Er det vanskelig a sette opp din egen blogg? Jeg er ikke veldig teknisk, men jeg kan finne ut ting ganske fort. Jeg tenker pa a skape min egen, men jeg er ikke sikker pa hvor du skal begynne. Har du noen ideer eller forslag? Takk skal du ha.

Testosteron er viktig for seksuell helse Mens farmasoytiske selskaper oppfordrer gentlemen til a forfolge produkter som farmacia on line og Cialis.

Det ser ut til a v re storre ogsa.

Jeg elsker denne lysbildeserien! Det beste jeg har sett! Takk for at du deler det! Vet du om dette vil fungere pa et Google-nettsted? Jeg har hatt problemer med a finne en mate a legge inn en som vil fungere. Er det kanskje en Google App, eller kan den bli gjort til en?

Beklager for darlig engelsk, jeg er en fransk gutt.

Er det mulig a legge til en synlig tittel pa bildet, pa hover eller hele tiden for hvert bilde?

veldig hyggelig plugin. flott arbeid. men jeg har et problem. Det er en flimring av skyvebildene. hva a gjore? Jeg har sjekket dette problemet mange ganger, men ingen losning. vennligst veilede meg?

Etter at jeg opprinnelig hadde skrevet en kommentar, synes jeg a ha klikket pa -Notify meg nar nye kommentarer er lagt til – kryssboks og na nar en kommentar er lagt til, mottar jeg fire e-postmeldinger med samme kommentar. Kanskje det er et middel du kan fjerne meg fra den tjenesten? Takk skal du ha!

Setter pris pa utholdenheten du legger inn pa nettstedet ditt, og detaljert informasjon du oppgir.

Det er fantastisk a komme over en blogg hver gang en gang, som ikke er det samme gamle rehashed-materialet.

Flott lesing! Jeg har lagret nettstedet ditt, og jeg har lagt til dine RSS-feeder pa min Google-konto.

Du kan ogsa utfore ereksjonsovelser som vil oke blodstrommen til penis og.

faktisk oke storrelsen pa penis begge.

i lengde, men enda viktigere (som min kone forteller meg) bredde.

Det anslas at mer enn 16 millioner mennesker.

i Storbritannia lider av type 2 diabetes og # 8211; en helsetilstand som kan pavirke a.

mannens ereksjon. Og sa kom en liten bla tablett kalt Viagra & # 8211; og en rekke andre store merkevarer fulgte etterpa.

Da jeg opprinnelig kommenterte, klikket jeg pa & # 8220; varsle meg nar nye kommentarer er lagt til & # 8221; boks og na hver.

Tid en kommentar er lagt til Jeg far flere e-post med samme kommentar.

Er det noen mate du kan fjerne folk fra den tjenesten?

Er det ingen abonnement / deaktiver varslingslank i e-postene du mottar?

Hei! Forst av alt, gratulerer med bloggen din og slike nyttige skript.

Jeg prover a bruke PanelGallery2.0 pa nettstedet mitt og det fungerer, men har et problem: bilder har en merkelig oppforsel. Vennligst sjekk det pa http://www.renewpanama.com/ og gi meg beskjed om hva jeg gjor feil.

Vennligst beskriv den & # 8220; rare oppforelsen & # 8221 ;.

Er ikke flytende (konstant), som eksemplene dine. For eksempel: Forste bilde vises, deretter den andre og komme tilbake til den forste veldig raskt og uten overgangseffekt, deretter tomt, og deretter ga tilbake til den andre, og # 8230; og sa videre. Kan du se denne oppforselen pa siden min?

Ser bra ut for meg.

Hvis du har latt etter noen nye beskyttelsesbriller pa det siste, vet du.

utfordring. Gjor dansen et tema eller til og med en draktbegivenhet basert.

pa musikkgruppen & # 8217; s musikalske stil. For eksempel kan du bruke benkpress, chin-ups og squats.

Det er som om du l rer meg! Du ser ut til a vite sa mye om dette, som deg.

skrev guiden i den eller noe. Jeg foler det.

du kan gjore med noen p.c. for a drive meldingshuset.

litt, men i stedet for det.

er fantastisk blogg. En utmerket lese. Jeg vil sikkert v re tilbake.

Jeg liker virkelig pluginet ditt da det fungerer bra pa en rekke bilder. Er det mulig a bruke dette pa bare ett bilde? Jeg forsoker a bruke den til en sideovergang slik at bakgrunnsbildet mitt beveger seg fra en sides bakgrunn til en annen med overgangene dine. Jeg forsoker a koble div-taggen til et klikkhendelse pa et sveverpanel, ta tak i diven, og bruk deretter en overgang & # 8211; sa langt fungerer det ikke. Takk!

Sans avgjor deg for en stund! Enfin un slide enkelt!

Kan jeg dele bildet i fire deler, for tiden er det i tre deler?