12 maj 2009

Page Flip med jQuery - jFlip: Plugin af ugen - 12 maj

Indsendt af: Mahbub I: Plugin af ugen | plugins

Så det er ikke blinke efter alt at gøre alle de magi! Vi har set og stadig ser flash gør undere og magi. En af de smarte ting, der blev udviklet, var bladre kataloger. Jeg så den første, da jeg legede med flash i 2002-2003 jeg gætte på flashkit og actionscripts.org. Du kan se en meget god pro-versionen af sådan noget her . Men for os, der ønsker de fleste af de ting gjort i jQuery - endelig har et alternativ til den pågældende side flip ting. Det er ikke en helt alternativ flash, men ikke dårligt for minimal brug side flip effekt.

page_flip

Det er hvordan det ser ud med et plugin kaldet jFlip skrevet af Renato formato på http://www.jquery.info/scripts/jFlip/demo.html

De demoer på, at sider har forskellige setups med nogle valgmuligheder. Og jeg skabte en med nogle af mine drømmebiler her

Håber du kan lide initiativ af Renato.

29 Responses to "Page Flip med jQuery - jFlip: Plugin af ugen - maj 12"

1 | Jenitha

18 Maj 2009 kl 2:47 am

Avatar

Hej,

Dette virker ikke i IE er det? hvordan man kan løse dette problem. Jeg forsøgte at arbejde på dette, men ikke i stand til. Venligst nogen hjælpe mig med dette.

2 | Mahbub

20 Maj 2009 kl 5:34 am

Avatar

Hmm, ja, det synes IE er synderen igen. Som udvikler jeg burde ikke sige dette, men slutte http://www.wedontsupportie.com/ .

3 | Udvikler

26 juli 2009 kl 07:12

Avatar

Hvis du siger, du skal ikke sige noget, men siger det alligevel, hvad siger det mig? Ja, ville det være rart at smadre IE, men den virkelige verden udviklere forstår behovet for at ramme markedet stadig, så der er virkelig ikke en mulighed for professionelle udviklere, er nu det?

4 | Mahbub

26 juli 2009 kl 19:24

Avatar

@ Udvikler:

Hvis du ser på http://www.w3schools.com/browsers/browsers_stats.asp du gerne bemærke, at Microsofts browsere har mistet deres marked i høj grad. Og hvis Microsoft ikke giver muligheder for at det er browsere til at støtte nyeste teknologier, vil de automatisk blive kassere det. Hvis vi ikke skubbe folk stoppe med at bruge IE, vil besøgende ikke vide det. Det er ikke en mulighed for professionelle udviklere til at sætte et STORT STOP med IE, men det er de professionelle udviklere, der har ændret folk og vil ændre folks valg af browsere.

5 | Kaan

12 August 2009 kl 8:24 am

Avatar

Virkelige statistik venligst. Dont give os statistik om de sider, hvor udviklere og designere gennemser. Fortæl os om NYTimes, MSN Yahoo eller lokale ækvivalenter.

6 | Mahbub

12 August 2009 kl 9:09 am

Avatar

@ Kaan, så W3C statistikker uvirkeligt for dig? W3C stats mener ikke browseren statistik for folk, der besøger W3C webstedet. Det afspejler udsnit af befolkningen, der søge med forskellige browsere / OS osv. på WWW. Er MSN, Yahoo eller NYTimes give statistik for offentligheden? Jeg er sikker på de vil være helvede tættere på W3C statistik.

7 | Frank

24 oktober 2009 kl 22:37

Avatar

Det er et overraskende godt manuskript, men IE problemer er en showstopper for mig. Selv om det er bare et problem i IE6, det er et stort problem - du kan miste op til en ud af fem browsere. Hvis det påvirker IE7, kan man lige så godt glemme det.

Jeg ville elske for folk til at stoppe med at bruge IE for, og jeg sprede Firefox og Chrome elsker når jeg kan, men det faktum i sagen er, at udviklere er nødt til at udvikle sig til fremtiden for internettet, såvel som den nuværende. Hvis jeg fortalte mine klienter jeg har haft et fantastisk manuskript, at fire af fem besøgende kunne se, ville de spørge mig, hvad skulle bruge i stedet - 20% af klienterne de stod til at miste ikke ville blive tolereret.

Så mens det er en ret smart script, kan det ikke betragtes som en professionel løsning.

8 | mahbub

25 oktober 2009 kl 1:40 am

Avatar

Det er open source og gratis. Hvorfor vi ikke nappe det script eller finde alternative løsninger til IE? Dette er, hvordan det fungerer. Dette er et anstændigt manuskript og en god inspiration, hvad der kan gøres med javascript med avancerede browsere. Tag det, udvikler det have det sjovt med det.

9 | Renato formato

30 okt 2009 kl 03:52

Avatar

Scriptet virker med IE, beklager ikke at have påpeget det før. Det arbejde takket være Google lavet excanvas script, eller bedre, en speciel modificeret udgave skrev jeg at støtte jFlip.

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

10 | Mahbub

30 okt 2009 kl 19:51

Avatar

Tak Renato for standsning af her viser de nyeste opdateringer. Kan være excanvas ikke var der, da jeg blogget om dette i 12. maj.

11 | Madan Gopal

31 oktober 2009 kl 1:20 am

Avatar

Kan vi vise Indholdsdata med billede
Fortæl mig
Og hvordan det gøres med flipping billedgalleri
madangdhiman@gmail.com

Tak

12 | Mahbub

31 oktober 2009 kl 1:35 am

Avatar

@ Madan

Jeg tror ikke, det er muligt at animere tekst med jFlip plugin. Måske kan du bruge Flip Plugin her http://lab.smashup.it/flip/

13 | Madan Gopal

31 oktober 2009 kl 4:06 am

Avatar

Mahbub som din givet Flip pligin 's Url

Kan jeg hente det med database tabel.
Hvis jeg har mere indhold felter så hvordan jeg arbejdede med det, eller også hvis jeg behøver kun venstre til højre bladre

Fortæl mig

14 | Mahbub

31 oktober 2009 kl 4:20 am

Avatar

Dette plugin har intet at gøre med databasen. Det er op til dig, hvordan du bringer indholdet. Hvis du kan generere listens elementer i plugin dynamisk fra DB, hvorfor ikke?

15 | frank

13 januar 2010 kl 09:26

Avatar

ikke arbejdede i IE7 for mig

16 | Mahbub

13 januar 2010 kl 11:39

Avatar

Hej Frank,

Den seneste plugin i virkeligheden arbejder med IE bruger excanvas . Tag et kig på her i det oprindelige projekt siden. http://www.jquery.info/scripts/jFlip/demo.html

Det er lidt langsom, men arbejder.

17 | Sanjay

1 Juli 2010 kl 00:27 am

Avatar

hi! Kan jeg tilføje et link, når brugeren klikker på den side, efter at det vendt? nødt til at gøre det snart .. tak mand! bedes du kontakte mig igennem e-mail.

18 | raloocka

11 juli 2010 kl 04:08

Avatar

Great plugin! Men hvordan kan du sætte noget indhold (tekster eller nogle divs) i stedet for billeder?

19 | raloocka

11 juli 2010 kl 16:25

Avatar

Det er fantastisk, jeg kan lide det meget! Jeg kiggede gennem den kode hopeing at jeg vil finde en måde at vise kæmpe for min div ("bare noget tekst?), Men uden held ( . Hvis der er en måde kan du lade mig det vide?

20 | peter

12 aug 2010 kl 10:05

Avatar

Ser ganske god, men i Firefox det ikke køre så glat som man kunne ønske sig. Også den side fordrejet i flipping.

21 | Erik

12 aug 2010 kl 10:12

Avatar

Tag et kig på denne version: http://www.jpageflip.de
Bemærk, at der er flere gode egenskaber.
* Realistiske flipping adfærd (bog style)
* Forsiden og bagsiden af ​​en side animeres under spejlvende
* Gennemsigtige billeder (variable alfa-værdier kan indstilles)

22 | Gregor

28 august 2010 kl 01:31

Avatar

ikke dårlig, men jpageFlip ( http://www.jpageflip.de ) ser meget bedre end denne version.

23 | Joe

18 Feb 2011 kl 13:01

Avatar

Ja, den ene på http://www.jpageflip.de er faktisk godt, men det har et lille problem ... det virker kun i IE9 + efter stedet lol.
Så jeg tror den eneste rigtige løsning er at bruge Flash

24 | thirupathi

2 marts 2011 kl 12:11 am

Avatar

Hej,
Brug iPhone compatabilty venligst ...

25 | kalvinder

6 sep 2011 kl 06:31 am

Avatar

den store ..... fungerer meget godt

26 | Savita

11 Oktober 2011 kl 4:13 am

Avatar

Hej,
Please help ... Faktisk har jeg brug for den samme iPhone kompatible ..
Hjælp mig.

27 | starsport

7 december, 2011 kl 3:18 am

Avatar

Jeg kan lide udseendet på bilen billede mere end din halt jQuery funktion.

28 | gtechpedia

13 december 2011 kl 20:31

Avatar

Jeg bruger dette plugin, men nogle gange, det er ikke fungerer korrekt, jeg håber, at Renato vil blive opdateret dette plugin

29 | Virendra

10 april, 2012 kl 3:11 am

Avatar

Der er et nyt plugin til rådighed, som er bedre end dette plugin.

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

Kommentar Formular


Oversætter

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