Page Flip med jQuery - jFlip: Plugin i veckan - Maj 12 | jQuery Magic: Göra Magics med jQuery

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.

Taggar: flashpageflip , sid flip , Bildspel

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

1 | Jenitha

18 maj, 2009 kl 2:47 am

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.

20 maj, 2009 kl 5:34 am

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

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?

26 Juli 2009 kl 19:24

@ 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

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.

12 augusti, 2009 kl 9:09 am

@ 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.

24 oktober 2009 kl 22:37

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.

25 oktober 2009 kl 01:40 am

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

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

30 Oktober 2009 kl 19:51

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

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

Tack

31 oktober 2009 kl 01:35 am

@ 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

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

31 oktober 2009 kl 04:20 am

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

inte arbetat i IE7 för mig

13 januari 2010 kl 11:39

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.

1 juli, 2010 kl 00:27 am

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

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

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

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

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

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

23 | Joe

18 februari 2011 kl 13:01

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

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

25 | kalvinder

6 sep 2011 kl 06:31 am

den stora ..... fungerar mycket bra

26 | Savita

11 okt 2011 kl 04:13 am

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

27 | starsport

7 dec 2011 kl 03:18 am

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

28 | gtechpedia

13 december 2011 kl 20:31

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

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

Kategorier

Sök

Virendra: Det finns 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~~V.
Tina: Tack för denna lista över skulle någon av dessa alpticapions vara särskilt användbart för verksamheten i Utah bröllopsfotograf?
Janelle: Kul att se verklig expertis på displayen. Din cotnritbuion är mycket välkommet.