12 mai 2009

Page Flip med jQuery - jFlip: Plugin av uken - 12 mai

Skrevet av: Mahbub In: Plugin i uken | Plugins

Så det ikke er blinke etter alt å gjøre alle sjarmen! Vi har sett og fremdeles ser flash gjør underverker og magi. En av de kule tingene som ble utviklet var pageflip. Jeg så at første da jeg lekte med blits i 2002-2003 Jeg antar i flashkit og actionscripts.org. Du kan se en meget god pro-versjonen av slikt her . Men for oss som ønsker seg mest av de tingene gjort i jQuery - har endelig et alternativ til den siden flip tingen. Det er ikke en fullstendig alternativ til flash, men ikke dårlig for minimal bruk siden flip effekt.

page_flip

Det er slik det ser ut med en plugin kalt jFlip skrevet av Renato Formato på http://www.jquery.info/scripts/jFlip/demo.html

De demoer på at sider har forskjellige oppsett med noen alternativer. Og jeg laget en med noen av mine drømmebiler her

Håper du liker initiativet ved Renato.

29 Responses to "Page Flip med jQuery - jFlip: Plugin av uken - mai 12"

1 | Jenitha

18 mai 2009 kl 02:47 am

Avatar

Hei,

Dette fungerer ikke i IE er det? hvordan å løse dette problemet. Jeg prøvde å jobbe med dette, men ikke i stand til. Vennligst noen hjelpe meg med dette.

2 | Mahbub

20 mai 2009 kl 05:34 am

Avatar

Hmm, ja, synes det IE er skyldige igjen. Som utvikler ikke jeg skulle si dette, men bli med http://www.wedontsupportie.com/ .

3 | Utvikler

26 juli 2009 kl 07:12

Avatar

Hvis du sier du ikke bør si noe, men sier det likevel, hva som forteller meg? Ja, det ville være fint å kaste IE, men virkelige utviklere forstår behovet for å treffe markedet fortsatt, slik at egentlig er ikke et alternativ for profesjonelle utviklere, er nå det?

4 | Mahbub

26 juli 2009 kl 19:24

Avatar

@ Utvikler:

Hvis du ser på http://www.w3schools.com/browsers/browsers_stats.asp du vil legge merke til at Microsofts nettlesere har mistet sitt marked i stor grad. Og hvis microsoft ikke gir muligheter til sine nettlesere som støtter nyeste teknologiene, vil de automatisk bli søppel det. Hvis vi ikke skyver folk slutter å bruke IE, vil besøkende ikke vet det. Det er ikke et alternativ for profesjonelle utviklere å sette en stor STOPP bruker IE, men det er de profesjonelle utviklere som har skiftet folk og vil endre folks valg av nettlesere.

5 | Kaan

12 august 2009 kl 08:24 am

Avatar

Virkelige verden statistikk takk. Ikke gi oss statistikk om sidene hvor utviklere og designere bla. Fortell oss om NYTimes, MSN Yahoo eller lokale ekvivalenter.

6 | Mahbub

12 august 2009 kl 09:09 am

Avatar

@ Kaan, så W3C statistikk er uvirkelig for deg? W3C statistikk betyr ikke nettleseren statistikk for folk som besøker W3C nettstedet. Det gjenspeiler utvalg av befolkningen som bla med ulike nettlesere / OS osv. på WWW. Er MSN, Yahoo eller NYTimes gi statistikk til offentlige? Jeg er sikker på at de vil være helvete nærmere W3C statistikk.

7 | Frank

24 oktober 2009 kl 22:37

Avatar

Det er en overraskende godt manus, men IE problemene er en Showstopper for meg. Selv om det bare er et problem i IE6, er det et stort problem - du kan miste opptil en av fem nettlesere. Dersom det påvirker IE7, kan du like godt glemme det.

Jeg skulle gjerne for folk å slutte å bruke IE også, og jeg spre Firefox og Chrome elsker når jeg kan, men det faktum av saken er at utviklere trenger å utvikle for framtida for web samt stede. Hvis jeg fortalte mine klienter hadde jeg et flott manus at fire av fem besøkende kunne se, hadde de spør meg hva som skulle bruke i stedet - de 20% av klientene de sto å tape ville ikke bli tolerert.

Så selv om det er en ganske sleip skript, kan det ikke anses som en profesjonell løsning.

8 | mahbub

25 oktober 2009 kl 01:40 am

Avatar

Det er åpen kildekode og gratis. Hvorfor kan ikke vi finpusse manuset eller finne alternative løsninger for IE? Dette er hvordan det fungerer. Dette er en anstendig manus og en god inspirasjon av hva som kan gjøres med javascript med avanserte nettlesere. Ta den, utvikle den ha det gøy med det.

9 | Renato Formato

30 oktober 2009 kl 03:52

Avatar

Skriptet fungerer med IE, beklager ikke å ha påpekt dette før. Det fungerer takket være google gjort excanvas script, eller bedre, en spesiell modifisert versjon jeg skrev for å støtte jFlip.

Demoen mahbub viser her med sine drømmebiler mangler excanvas script, derfor er det ikke fungerer med IE. Prøv her http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 oktober 2009 kl 19:51

Avatar

Takk Renato for stoppskilt av her viser de siste oppdateringene. Kan være de excanvas var ikke der da jeg blogget om dette i 12. mai.

11 | Madan Gopal

31 oktober 2009 kl 01:20 am

Avatar

Kan vi vise innhold data med bilde
Vennligst fortell meg
Og hvordan det gjøres med bla bildegalleri
madangdhiman@gmail.com

Takk

12 | Mahbub

31 oktober 2009 kl 01:35 am

Avatar

@ Madan

Jeg tror ikke det er mulig å animere tekst med jFlip plugin. Kanskje du kan bruke Flip Plugin her http://lab.smashup.it/flip/

13 | Madan Gopal

31 oktober 2009 kl 04:06 am

Avatar

Mahbub som din gitt Flip pligin nettadresse

Kan jeg hente den med databasetabell.
Hvis jeg har mer innhold felt så hvordan jeg jobbet med den, eller også hvis jeg trenger bare venstre til høyre flipping

Vennligst fortell meg

14 | Mahbub

31 oktober 2009 kl 04:20 am

Avatar

Programtillegget har ingenting å gjøre med database. Det er opp til deg hvordan du tar innholdet. Hvis du kan generere listeelementa i plugin dynamisk fra DB, hvorfor ikke?

15 | frank

13 januar 2010 kl 09:26

Avatar

ikke jobbet i IE7 for meg

16 | Mahbub

13 januar 2010 kl 11:39

Avatar

Hei Frank,

Den siste plugin faktisk fungerer med IE bruker excanvas . Ta en titt på her i det opprinnelige prosjektet siden. http://www.jquery.info/scripts/jFlip/demo.html

Det er litt treg, men fungerer.

17 | Sanjay

1 juli 2010 kl 12:27 am

Avatar

hei! kan jeg legge en link når brukeren klikket på siden, etter at den snudd? må gjøre dette snart .. takk mann! vennligst kontakt meg gjennom email.

18 | raloocka

11 juli 2010 kl 04:08

Avatar

Flott plugin! Men hvordan kan du sette noe innhold (tekster eller noen divs) i stedet for bilder?

19 | raloocka

11 juli 2010 kl 16:25

Avatar

Det er flott, jeg liker det veldig mye! Jeg kikket gjennom koden hopeing at jeg vil finne en måte å vise kjempe av div min ("bare litt tekst?), Men uten å lykkes : ( . Hvis det er en måte kan du gi meg beskjed?

20 | peter

12 august 2010 kl 10:05 am

Avatar

Ser ganske bra, men i Firefox den ikke løpe så jevnt som man kunne ønske seg. Også er den siden forvrengt under bla.

21 | Erik

12 august 2010 kl 10:12 am

Avatar

Ta en titt på denne versjonen: http://www.jpageflip.de
Merk at det er flere fine funksjoner.
* Realistisk flipping atferd (bok stil)
* Foran og bak på en side er animert under flipping
* Er gjennomsiktige bilder (variable alpha verdier kan settes)

22 | Gregor

28 august 2010 kl 01:31

Avatar

ikke dårlig, men jpageFlip ( http://www.jpageflip.de ) ser ganske bedre enn denne versjonen.

23 | Joe

18 februar 2011 kl 13:01

Avatar

Ja, den ene ved http://www.jpageflip.de er faktisk bra, men den har en liten problem ... det bare virker i IE9 + ifølge nettstedet lol.
Så jeg tror den eneste reelle løsningen er å bruke Flash

24 | thirupathi

2 mars 2011 kl 12:11 am

Avatar

Hei,
Trenger iPhone compatabilty vennligst ...

25 | kalvinder

6 september 2011 kl 06:31 am

Avatar

den store ..... fungerer veldig bra

26 | Savita

11 oktober 2011 kl 04:13 am

Avatar

Hei,
Vennligst hjelp ... faktisk jeg trenger samme iPhone-kompatibel ..
Hjelp meg.

27 | starsport

7 desember 2011 kl 03:18 am

Avatar

Jeg liker utseendet på bilen bilde mer enn en halt jquery funksjon.

28 | gtechpedia

13 desember 2011 kl 20:31

Avatar

Jeg bruker denne plugins, men noen ganger, den fungerer ikke ordentlig, jeg håper at Renato vil bli oppdatert denne plugins

29 | Virendra

10 april 2012 kl 03:11 am

Avatar

Det er en ny plugin tilgjengelig som er bedre enn dette innstikket.

http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using.html

Kommentar Form


Oversetter

English flagItalian flagKorean flagChinese (Simplified) flagChinese (Traditional) flagPortuguese flagGerman flagFrench flagSpanish flagJapanese flagArabic flagRussian flagGreek flagDutch flagBulgarian flagCzech flagCroatian flagDanish flagFinnish flagHindi flagPolish flagRomanian flagSwedish flagNorwegian flagCatalan flagFilipino flagHebrew flagIndonesian flagLatvian flagLithuanian flagSerbian flagSlovak flagSlovenian flagUkrainian flagVietnamese flagAlbanian flagEstonian flagGalician flagMaltese flagThai flagTurkish flagHungarian flag

Tags