12 mei 2009

Pagina Flip met jQuery - jFlip: Plugin van de week - 12 mei

Geplaatst door: Mahbub In: Plugin van de week | Plug-ins

Dus het is niet knipperen immers om alle magie te doen! We hebben gezien en nog steeds het zien van flash doen wonderen en magie. Een van de leuke dingen die werd ontwikkeld was pageflip. Ik zag dat eerst toen ik aan het spelen was met flits in 2002-2003 Ik denk dat in Flashkit en actionscripts.org. U kunt een heel goed pro-versie van zoiets hier . Maar voor ons, die willen de meeste dingen gedaan in jQuery - ten slotte heeft een alternatief voor die pagina flip ding. Het is geen volledig alternatief voor flash, maar niet slecht voor minimaal gebruik page flip effect.

page_flip

Dat is hoe het eruit ziet met een plugin genaamd jFlip geschreven door Renato Formato op http://www.jquery.info/scripts/jFlip/demo.html

De demo's op die pagina's heeft verschillende set-ups met een aantal opties. En ik gemaakt, met enkele van mijn droomauto's hier

Hoop dat je graag het initiatief van Renato.

29 Responses to "Page Flip met jQuery - jFlip: Plugin van de week - 12 mei"

1 | Jenitha

18 mei 2009 om 2:47 am

Avatar

Hi,

Dit werkt niet in IE is het? hoe u dit probleem op te lossen. Ik heb geprobeerd om te werken aan dit maar niet in staat om. Gelieve iemand mij helpen met dit.

2 | Mahbub

20 mei 2009 om 05:34 am

Avatar

Hmm, ja, het lijkt IE weer boosdoener. Als ontwikkelaar zou ik niet zeggen dat dit maar mee http://www.wedontsupportie.com/ .

3 | Ontwikkelaar

26 juli 2009 om 19:12

Avatar

Als je zegt dat je moet niet iets te zeggen, maar het nog steeds zeggen, dat betekent wat mij vertellen? Ja, zou het leuk zijn om IE prullenbak, maar echte wereld ontwikkelaars begrijpen de noodzaak om die markt nog steeds raken, dus dat is echt geen optie voor professionele ontwikkelaars, nu wordt het?

4 | Mahbub

26 juli 2009 om 19:24

Avatar

@ Ontwikkelaar:

Als je kijkt naar http://www.w3schools.com/browsers/browsers_stats.asp zou je merken dat Microsoft's browsers hebben hun markt verloren voor een groot deel. En als microsoft geen mogelijkheden te bieden aan haar browsers naar de nieuwste technologieën te ondersteunen, worden deze automatisch trash het. Als we niet duwen mensen die stoppen met het gebruik IE, zullen de bezoekers niet weten. Het is geen optie voor professionele ontwikkelaars om een ​​BIG STOP met behulp van IE zetten, maar het is de professionele ontwikkelaars die zijn veranderd mensen en zullen de mensen de keuze van browsers te veranderen.

5 | Kaan

12 augustus 2009 om 8:24 am

Avatar

Real world statistieken te behagen. Dont geeft ons statistieken over de pagina's waar ontwikkelaars en ontwerpers te bladeren. Vertel ons over NYTimes, MSN Yahoo of lokale equivalenten.

6 | Mahbub

12 augustus 2009 om 09:09 am

Avatar

@ Kaan, dus W3C statistieken onwerkelijk? W3C statistieken bedoel niet de browser statistieken voor mensen die een bezoek aan de w3c site. Het weerspiegelt de steekproef van de bevolking, die met verschillende browsers / OS etc bladeren op het WWW. Is MSN, Yahoo of NYTimes het geven van statistieken tot meer publiek? Ik weet zeker dat ze de hel dichter bij W3C statistieken zijn.

7 | Frank

24 oktober 2009 om 22:37

Avatar

Het is een verrassend goed script, maar de IE problemen zijn een showstopper voor mij. Zelfs al is het alleen een probleem in IE6, het is een groot probleem - je zou kunnen verliezen aan een op de vijf browsers. Als het van invloed op IE7, kan je net zo goed vergeten.

Ik zou graag voor mensen om te stoppen met het gebruik IE ook, en ik verdeel de FireFox en Chrome houden wanneer ik kan, maar het feit van de zaak is dat ontwikkelaars nodig hebben om te ontwikkelen voor de toekomst van het web als het heden. Als ik zei tegen mijn klanten Ik had een geweldige script dat vier van de vijf bezoekers konden zien, zouden ze me vragen wat er zou gaan gebruiken in plaats - de 20% van de cliënten stonden ze te verliezen zou niet getolereerd worden.

Dus hoewel het is een mooie gladde script, kan het niet worden beschouwd als een professionele oplossing.

8 | mahbub

25 oktober 2009 om 1:40 uur

Avatar

Het is open source en gratis. Waarom gaan we niet aanpassen van het script of zoek alternatieven voor IE? Dit is hoe het werkt. Dit is een fatsoenlijk script en een goede inspiratie van wat kan worden gedaan met javascript met geavanceerde browsers. Neem het, ontwikkelen veel plezier ermee.

9 | Renato Formato

30 oktober 2009 om 15:52

Avatar

Het script werkt met IE, sorry niet te hebben gewezen op deze voorheen. Het werken dankzij de google gemaakt excanvas script, of beter, een speciaal aangepaste versie schreef ik jFlip te ondersteunen.

De demo mahbub toont hier met zijn droomauto's ontbreekt het excanvas script, dus het werkt niet met IE. Probeer hier http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 oktober 2009 om 19:51

Avatar

Dankzij Renato voor het langskomen hier met de laatste updates. Kan de excanvas was er niet toen ik geblogd over dit in 12 mei.

11 | Madan Gopal

31 oktober 2009 om 01:20 am

Avatar

Kunnen we zien Content gegevens met beeld
Kunt u mij vertellen
En hoe het wordt gedaan met flipping fotogalerij
madangdhiman@gmail.com

Bedankt

12 | Mahbub

31 oktober 2009 om 1:35 am

Avatar

@ Madan

Ik denk niet dat het mogelijk is om tekst te animeren met jFlip plugin. Misschien kunt u gebruik maken van Flip plugin hier http://lab.smashup.it/flip/

13 | Madan Gopal

31 oktober 2009 om 04:06 am

Avatar

Mahbub als je gegeven Flip pligin 's Url

Kan ik hem te halen met de database tabel.
Als ik meer inhoud velden dan hoe ik werkte samen met het ook of als ik alleen maar links naar rechts omdraaien

Kunt u mij vertellen

14 | Mahbub

31 oktober 2009 om 04:20 am

Avatar

De plugin heeft niets te maken met de database. Het is t u hoe u de inhoud te brengen. Als u dynamisch genereren van de lijst van elementen in de plugin van DB, waarom niet?

15 | frank

13 januari 2010 om 21:26

Avatar

niet gewerkt in IE7 voor mij

16 | Mahbub

13 januari 2010 om 23:39

Avatar

Hey Frank,

De nieuwste plugin in feite werkt met IE met behulp van excanvas . Neem een kijkje op hier in het oorspronkelijke project pagina. http://www.jquery.info/scripts/jFlip/demo.html

Het is een beetje traag, maar het werkt.

17 | Sanjay

1 juli 2010 om 12:27 am

Avatar

hi! kan ik een link toevoegen wanneer de gebruiker klikte op de pagina, na het omgedraaid? moet binnenkort doen .. thanks man! neem dan contact met me thru e-mail.

18 | raloocka

11 juli 2010 om 16:08

Avatar

Great plugin! Maar hoe kun je er wat content (teksten of een divs) in plaats van afbeeldingen?

19 | raloocka

11 juli 2010 om 16:25

Avatar

Het is geweldig, ik vind het erg leuk! Ik keek door de code hopeing dat ik een manier om te laten zien van de kampen van mijn div ("alleen maar wat tekst?) Te vinden, maar zonder succes ( . Als er een manier kunt u mij laten weten?

20 | peter

12 augustus 2010 om 10:05

Avatar

Ziet er heel goed, maar in firefox niet zo soepel als een zich kan wensen. Ook is de pagina vervormd tijdens flipping.

21 | Erik

12 augustus 2010 om 10:12 am

Avatar

Neem een kijkje op deze versie: http://www.jpageflip.de
Merk op dat er verschillende leuke mogelijkheden.
* Realistische flippen gedrag (boek stijl)
* Voor-en achterkant van een pagina worden geanimeerd tijdens flippen
* Transparante afbeeldingen (variabele alpha-waarden kunnen worden ingesteld)

22 | Gregor

28 augustus 2010 om 13:31

Avatar

niet slecht maar jpageFlip ( http://www.jpageflip.de ) ziet er beter dan deze versie.

23 | Joe

18 februari 2011 om 13:01

Avatar

Ja, de een voor http://www.jpageflip.de is inderdaad goed, maar het heeft een klein probleem ... het werkt alleen in IE9 + volgens de site lol.
Dus ik denk dat de enige echte oplossing is het gebruik van Flash

24 | thirupathi

02 maart 2011 om 12:11 am

Avatar

Hi,
Need iPhone compatabilty kunt u ...

25 | kalvinder

06 september 2011 om 06:31 am

Avatar

die grote ..... werkt heel goed

26 | Savita

11 oktober 2011 om 4:13 am

Avatar

Hallo,
Gelieve te helpen ... ik moet eigenlijk op dezelfde iPhone-compatibele ..
Help me.

27 | starsport

De 07 december 2011 om 3:18 am

Avatar

Ik hou van het kijken naar auto beeld meer dan je lame jquery functie.

28 | gtechpedia

13 december 2011 om 20:31

Avatar

Ik gebruik deze plug-ins, maar soms, het is niet goed werkt, ik hoop dat Renato zal deze plugins worden bijgewerkt

29 | Virendra

10 april 2012 om 3:11 am

Avatar

Er is een nieuwe plugin beschikbaar die beter is dan deze plugin.

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

Reactie formulier


Vertaler

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

Labels