12 maj 2009

Page Flip med jQuery - jFlip: Plugin i veckan - 12 maj

Inlagd av: Mahbub In: Plugin i veckan | Insticksprogram

Så det är inte blinkar trots allt att göra alla magics! Vi har sett och fortfarande ser blixten gör underverk och magics. En av de häftiga saker som utvecklades var pageflip. Jag såg det första när jag lekte med blixt i 2002-2003 i guess i flashkit och actionscripts.org. Du kan se en mycket bra pro versionen av sådant här . Men för oss som vill de flesta av de saker gjorda i jQuery - äntligen har ett alternativ till den sidan flip sak. Det är inte en helt alternativ blinka men inte dåligt för minimal användning Page flip effekt.

page_flip

Så det ser ut med en plugin som heter jFlip skriven av Renato formiato på http://www.jquery.info/scripts/jFlip/demo.html

De demos på att sidorna har olika inställningar med några alternativ. Och jag skapade en med några av mina drömbilar här

Hoppas du gillar initiativ Renato.

29 Responses to "Page Flip med jQuery - jFlip: Plugin i veckan - Maj 12"

1 | Jenitha

18 maj, 2009 kl 2:47 am

Avatar

Hej,

Detta fungerar inte i IE är det? hur man kan lösa denna fråga. Jag försökte arbeta med detta, men kan inte. Vänligen någon hjälpa mig med detta.

2 | Mahbub

20 maj, 2009 kl 5:34 am

Avatar

Hmm, ja, det verkar IE är boven igen. Som utvecklare jag inte skulle säga detta, men gå http://www.wedontsupportie.com/ .

3 | Developer

26 Juli 2009 kl 07:12

Avatar

Om du säger att du inte ska säga något, men säger att det ändå, vad säger jag? Ja, det skulle vara trevligt att papperskorgen IE, men verkliga utvecklare förstår behovet av att slå den marknaden fortfarande är så det är verkligen inte ett alternativ för professionella utvecklare, har nu det?

4 | Mahbub

26 Juli 2009 kl 19:24

Avatar

@ Utvecklare:

Om du tittar på http://www.w3schools.com/browsers/browsers_stats.asp du skulle märka att Microsofts webbläsare har förlorat sin marknad i stor utsträckning. Och om Microsoft inte ger möjligheter att IT: s webbläsare för att stödja den senaste tekniken, kommer de automatiskt papperskorgen den. Om vi ​​inte driva folk slutar använda IE kommer besökarna vet inte det. Det är inte ett alternativ för professionella utvecklare att sätta ett stopp använder IE, men det är de professionella utvecklare som har förändrat människor och kommer att förändra folkets val av webbläsare.

5 | Kaan

12 augusti, 2009 kl 8:24 am

Avatar

Verkliga statistiken tack. Dont ger oss statistik om sidor där utvecklare och designers bläddra. Berätta om NYTimes, MSN Yahoo eller lokala motsvarigheter.

6 | Mahbub

12 augusti, 2009 kl 9:09 am

Avatar

@ Kaan, så W3C statistik overkligt för dig? W3C statistik menar inte webbläsaren statistik för människor som besöker W3C: s webbplats. Den speglar urvalet av befolkningen som surfa med olika webbläsare / os etc på WWW. Är MSN, Yahoo eller NYTimes ge statistik för allmän? Jag är säker på att de ska vara helvetet närmare w3c statistik.

7 | Frank

24 oktober 2009 kl 22:37

Avatar

Det är ett förvånansvärt bra manus, men IE problem är en Showstopper för mig. Även om det bara är ett problem i IE6 är det ett stort problem - du kan förlora upp till en av fem webbläsare. Om det påverkar IE7, kan du lika gärna glömma det.

Jag skulle älska för människor att sluta använda IE också, och jag sprida Firefox och Chrome älskar när jag kan, men faktum är att utvecklare behöver utveckla för framtiden för webben såväl som nuet. Om jag berättade för mina kunder jag hade ett bra manus att fyra av fem besökare kunde se, skulle de fråga mig vad som kommer att använda istället - de 20% av klienterna de stod att förlora inte skulle tolereras.

Så även om det är en ganska smart manus, kan det inte betraktas som en professionell lösning.

8 | mahbub

25 oktober 2009 kl 01:40 am

Avatar

Det är öppen källkod och gratis. Varför vi inte justera manuset eller hitta alternativa lösningar för IE? Detta är hur det fungerar. Detta är en anständig manus och en bra inspiration för vad som kan göras med javascript med avancerade webbläsare. Ta det, utveckla det ha roligt med det.

9 | Renato formiato

30 Oktober 2009 kl 03:52

Avatar

Skriptet fungerar med IE, ledsen att inte ha påpekat detta tidigare. Det fungerar tack vare google gjorde excanvas manus, eller bättre, en speciell modifierad version skrev jag för att stödja jFlip.

Demon mahbub här visar med sina drömbilar saknas i excanvas manus, därför fungerar inte med IE. Prova här http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 Oktober 2009 kl 19:51

Avatar

Tack Renato för att stoppa förbi här visar de senaste uppdateringarna. Kan vara excanvas var inte där när jag bloggat om detta i 12 maj.

11 | Madan Gopal

31 oktober 2009 kl 01:20 am

Avatar

Kan vi visa Innehållsdata med bild
Tala om för mig
Och hur det sker med vändning bildgalleri
madangdhiman@gmail.com

Tack

12 | Mahbub

31 oktober 2009 kl 01:35 am

Avatar

@ Madan

Jag tror inte det är möjligt att animera text med jFlip plugin. Kanske kan du använda Flip plugin här http://lab.smashup.it/flip/

13 | Madan Gopal

31 oktober 2009 kl 04:06 am

Avatar

Mahbub som din ges Flip pligin: URL

Kan jag hämta den med databastabell.
Om jag har mer innehåll fälten då hur jag arbetade med det eller också om jag bara behöver vänster till höger vända

Tala om för mig

14 | Mahbub

31 oktober 2009 kl 04:20 am

Avatar

Insticksmodulen har ingenting att göra med databasen. Det är upp till dig hur du tar med innehållet. Om du kan generera listan elementen i plugin dynamiskt från DB, varför inte?

15 | frank

13 januari 2010 kl 09:26

Avatar

inte arbetat i IE7 för mig

16 | Mahbub

13 januari 2010 kl 11:39

Avatar

Hej Frank,

Den senaste plugin i själva verket arbetar med IE med excanvas . Ta en titt på här i det ursprungliga projektet sidan. http://www.jquery.info/scripts/jFlip/demo.html

Det är lite långsam, men fungerar.

17 | Sanjay

1 juli, 2010 kl 00:27 am

Avatar

Hej! kan jag lägga till en länk när användaren klickade på sidan efter att den vänt? måste göra detta inom kort .. Tack man! kontakta mig igenom e-post.

18 | raloocka

11 juli 2010 kl 04:08

Avatar

Great plugin! Men hur kan du lägga lite innehåll (texter eller några divar) i stället för bilder?

19 | raloocka

11 juli 2010 kl 16:25

Avatar

Det är bra, jag gillar det mycket! Jag tittade igenom koden hopeing att jag kommer att hitta ett sätt att visa brottas min div ("bara en del av texten?) Men utan framgång : ( . Om det finns ett sätt kan du låta mig veta?

20 | peter

12 aug 2010 kl 10:05 am

Avatar

Ser ganska bra, men i Firefox det inte köra så smidigt som man kunde önska sig. Dessutom är sidan förvrängs under vändning.

21 | Erik

12 aug 2010 kl 10:12

Avatar

Ta en titt på denna version: http://www.jpageflip.de
Observera att det finns flera trevliga funktioner.
* Realistisk vända beteendet (bok stil)
* Framsidan och baksidan av en sida animeras under vändning
* Genomskinliga bilder (variabla alfa värden kan ställas in)

22 | Gregor

28 aug 2010 kl 01:31

Avatar

inte dåligt men jpageFlip ( http://www.jpageflip.de ) ser ganska bättre än denna version.

23 | Joe

18 februari 2011 kl 13:01

Avatar

Ja, en på http://www.jpageflip.de är verkligen bra, men det har en liten problem ... den bara fungerar i IE9 + enligt sajten lol.
Så jag antar att enda verkliga lösningen är att använda Flash

24 | thirupathi

2 mars 2011 kl 12:11 am

Avatar

Hej,
Behöver iPhone compatabilty vänligen ...

25 | kalvinder

6 sep 2011 kl 06:31 am

Avatar

den stora ..... fungerar mycket bra

26 | Savita

11 okt 2011 kl 04:13 am

Avatar

Hej,
Snälla hjälp ... jag faktiskt behöver samma iPhone-kompatibel ..
Hjälp mig.

27 | starsport

7 dec 2011 kl 03:18 am

Avatar

Jag gillar utseendet på bilen bild mer än din lama jQuery funktion.

28 | gtechpedia

13 december 2011 kl 20:31

Avatar

Jag använder denna plugins, men ibland, det är inte fungerar, jag hoppas att Renato kommer att uppdateras här plugins

29 | Virendra

10 Apr 2012 kl 03:11 am

Avatar

Det är en ny plugin tillgängliga som är bättre än denna plugin.

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

Kommentar Form


Översättare

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

Taggar