12 Mayo, 2009

Page Flip sa jQuery - jFlip: Plugin ng linggo - Mayo 12

Posted by: Mahbub Sa: Plugin ng linggo | plugin

Kaya hindi ito ay Flash matapos ang lahat upang gawin ang lahat ng mga magics! Namin nakita at nakakakita pa rin ng flash paggawa ng mga kababalaghan at magics. Isa sa mga cool na bagay na ay binuo ay pageflip. Nakita ko na unang kapag ako ay naglalaro na may flash sa 2002-2003 hulaan i sa flashkit at actionscripts.org. Maaari mong makita ang isang magandang pro bersyon ng tulad ng bagay dito . Ngunit para sa amin, na gusto karamihan ng mga bagay na ginawa sa jQuery - sa wakas ay may isang kahalili sa pahina na tingnan ang mga bagay. Ito ay hindi isang ganap na kahalili ng flash ngunit hindi masama para sa kaunting epekto ng paggamit pahina tingnan.

page_flip

Na ang hitsura nito na may isang plugin na tinatawag na jFlip nakasulat sa pamamagitan ng ang Renato Formato sa http://www.jquery.info/scripts/jFlip/demo.html

Ang demo na pahina ay may iba't ibang mga setup na may mga ilang mga pagpipilian. At nilikha ko ang isa sa ilang ng aking mga sasakyan sa panaginip dito

Sana gusto mo ang mga hakbangin sa pamamagitan ng Renato.

29 tugon sa "Page Flip sa jQuery - jFlip: Plugin ng linggo - Mayo 12"

1 | Jenitha

Mayo ika-18, 2009 sa 2:47 ng umaga

Awatara

Kumusta,

Na ito ay hindi gumagana sa IE ito? kung paano malutas ang isyu na ito. Sinubukan kong magtrabaho sa ngunit hindi magagawang. Mangyaring isang tao na makakatulong sa akin na ito.

2 | Mahbub

Mayo ika-20, 2009 sa 5:34 ng umaga

Awatara

Hmm, oo, parang ang IE ay sala muli. Bilang isang developer ay hindi ko dapat sabihin ito ngunit sumali http://www.wedontsupportie.com/ .

3 | Developer

Hulyo 26 ng, 2009 sa 7:12

Awatara

Kung sinasabi mong hindi mo dapat sabihin ng isang bagay, pa ito sinasabi pa rin, kung ano ang mga na sabihin sa akin? Oo, ito ay magandang basurahan IE, ngunit totoong mundo developer na maunawaan ang mga pangangailangan upang maabot na ang market pa rin, sa gayon ay talagang hindi isang opsyon para sa mga propesyonal na mga developer, ngayon ito?

4 | Mahbub

Hulyo 26 ng, 2009 sa 7:24

Awatara

@ Developer:

Kung titingnan mo sa http://www.w3schools.com/browsers/browsers_stats.asp gusto mong mapansin na ang Microsoft ng browser ay nawala ang kanilang mga merkado sa isang mahusay na lawak. At kung Microsoft ay hindi nagbibigay ng kakayahan sa mga ito ng mga browser na sumusuporta sa mga pinakabagong teknolohiya, ay awtomatikong sila ay basurahan ito. Kung hindi namin itulak ang mga tao na ihinto gamit ang IE, ang mga bisita ay hindi alam ito. Ito ay hindi isang opsyon para sa mga propesyonal na mga developer na ilagay ang isang malaking STOP na gamit ang IE, ngunit ito ay ang mga propesyonal na mga developer na ay nagbago sa mga tao at baguhin ang mga tao sa pagpili ng mga browser.

5 | Kaan

Agosto ika-12, 2009 sa 8:24 ng umaga

Awatara

Totoong mundo istatistika mangyaring. Wala magbibigay sa amin ng mga istatistika tungkol sa mga pahina kung saan mga developer at designer browse. Sabihin sa amin tungkol sa NYTimes, MSN Yahoo o lokal na katumbas.

6 | Mahbub

Agosto ika-12, 2009 sa 9:09 ng umaga

Awatara

@ Kaan, Kaya ang W3C istatistika ay hindi tunay sa iyo? W3C stats ay hindi nangangahulugan na ang mga stats ng browser para sa mga tao na pagbisita sa W3C site. Ito ay sumasalamin sa sample ng populasyon na-browse sa iba't-ibang mga browser / OS atbp sa www. Ay MSN, Yahoo o NYTimes nagbibigay ng mga istatistika sa publiko? Ako ba ang mga ito ay impyerno mas malapit sa W3C stats.

7 | Frank

Oktubre 24 ng, 2009 sa 22:37

Awatara

Ito ay isang nakakagulat na magandang script, ngunit ang mga IE problema ay isang showstopper para sa akin. Kahit na ito ay lamang ng isang problema sa IE6, ito ay isang pangunahing problema - maaari mong maluwag up sa isa sa limang mga browser. Kung ito ay nakakaapekto sa IE7, maaari mong pati na rin kalimutan ito.

Gusto ko iyan para sa mga tao na itigil ang paggamit IE masyadong, at ako kumalat ang FireFox at Chrome mahal kailanman ang maaari kong, ngunit ang katotohanan ng bagay ay na ang mga developer na kailangan upang bumuo ng para sa hinaharap ng web pati na rin sa kasalukuyan. Kung sinabi ko ang aking mga kliyente na ako ay may isang mahusay na script na maaaring makita ang apat na ng limang mga bisita, gusto nila akong tanungin kung ano ang pagpunta sa gamitin sa halip - ang 20% ​​ng mga kliyente na sila stood sa nawala ay hindi disimulado.

Kaya habang ito ay isang medyo makinis script, hindi ito ay maaaring isinasaalang-alang ng isang propesyonal na solusyon.

8 | mahbub

Oktubre 25, 2009 sa 1:40 ng umaga

Awatara

Ito ay open source at libre. Bakit hindi namin sabunutan sa script o makahanap ng mga alternatibong solusyon para sa IE? Ito ay kung paano ito gumagana. Ito ay isang disente script at isang magandang inspirasyon ng kung ano ang maaaring gawin sa javascript na may mga advanced na mga browser. Dalhin ito, bumuo ng magkaroon ito ng masaya dito.

9 | Renato Formato ang

Oktubre 30, 2009 sa 3:52

Awatara

Ang script ay gumagana sa IE, paumanhin hindi na itinuturo ito bago. Ito ay gumagana salamat sa Google ginawa excanvas script, o mas mahusay, ang isang espesyal na binagong bersyon ko sinulat upang suportahan ng jFlip.

Ang demo mahbub ay nagpapakita dito sa managinip kotse nito ay nawawala ang excanvas na script, samakatuwid ito ay hindi gumagana sa IE. Subukan dito http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

Oktubre 30, 2009 sa 7:51

Awatara

Salamat Renato para sa pagpapahinto sa pamamagitan ng dito nagpapakita ng mga pinakabagong update. Maaaring ang excanvas ay hindi doon kapag i blogged tungkol ito sa Mayo 12.

11 | Madan Gopal

Oktubre 31 ng, 2009 sa 1:20 ng umaga

Awatara

Maaari naming ipakita ang data ng Nilalaman na may imahe
Mangyaring sabihin sa akin
At kung paano ito ay tapos na sa flipping imahe gallery
madangdhiman@gmail.com

Salamat

12 | Mahbub

Oktubre 31 ng, 2009 sa 1:35 ng umaga

Awatara

@ Madan

Hindi sa tingin ko posible animate ang text sa jFlip plugin. Marahil maaari mong gamitin ang Baligtarin Plugin dito http://lab.smashup.it/flip/

13 | Madan Gopal

Oktubre 31 ng, 2009 sa 4:06 ng umaga

Awatara

Mahbub bilang iyong ibinigay Baligtarin pligin ng Url

Maaari ko makuha ang mga ito sa database ng mesa.
Kung mayroon i higit pang mga patlang nilalaman kung paano i nagtrabaho sa ito o din kung kailangan lamang i pakaliwa sa kanan flipping

Mangyaring sabihin sa akin

14 | Mahbub

Oktubre 31 ng, 2009 sa 4:20 ng umaga

Awatara

Ang plugin ay walang kinalaman sa database. Ito ay hanggang sa iyo kung paano mo ay nagdadala ng nilalaman. Kung maaari mong dynamic na mabuo ang mga elemento ng listahan sa plugin mula sa DB, bakit hindi?

15 | lantad

Enero ika-13, 2010 sa 9:26

Awatara

ay hindi nagtrabaho sa IE7 para sa akin

16 | Mahbub

Enero ika-13, 2010 sa 11:39

Awatara

Uy Frank,

Ang pinakabagong plugin sa katunayan ay gumagana sa IE gamit excanvas . Tingnan sa dito sa orihinal na pahina ng proyekto. http://www.jquery.info/scripts/jFlip/demo.html

Ito ay isang maliit na mabagal, ngunit gumagana.

17 | Sanjay

Hulyo 1st, 2010 sa 00:27 ng umaga

Awatara

hi! Maaari ba akong magdagdag ng isang link kapag ang gumagamit ang nag-click sa pahina, pagkatapos ito Binaligtad? kailangan upang gawin ito sa lalong madaling panahon .. salamat tao! mangyaring makipag-ugnay sa akin sa pamamagitan ng email.

18 | raloocka

Hulyo ika-11, 2010 sa 4:08

Awatara

Mahusay na plugin! Ngunit kung paano maaari mong ilagay ang ilang mga nilalaman (teksto o ilang mga divs) sa halip ng mga larawan?

19 | raloocka

Hulyo ika-11, 2010 sa 4:25

Awatara

Ito ay mahusay na, gusto ko ito napaka! Tumingin ako pamamagitan ng hopeing code na ako makahanap ng isang paraan upang ipakita ang makipaglaban ng aking div ("lamang ng ilang mga teksto?) Ngunit walang tagumpay : ( . Kung may ay isang paraan maaari mong ipaalam sa akin?

20 | Peter

Agosto ika-12, 2010 sa 10:05 ng umaga

Awatara

Mukhang tunay mabuti, ngunit sa firefox hindi ito tumakbo bilang maayos bilang isang nais para sa. Gayundin, ang pahina ay pangit habang flipping.

21 | Erik

Agosto ika-12, 2010 sa 10:12 ng umaga

Awatara

Tingnan ang bersyon na ito: http://www.jpageflip.de
Tandaan na may ilang mga magandang tampok.
* Makatotohanang pag-uugali ng flipping (libro estilo)
* Harap at likod ng isang pahina ay animate habang flipping
* Transparent na mga imahe (mga variable alpha halaga ay maaaring itakda)

22 | Gregor

Agosto 28, 2010 sa 1:31

Awatara

hindi masama ngunit jpageFlip ( http://www.jpageflip.de ) mukhang medyo mas mahusay kaysa sa bersyon na ito.

23 | Joe

Pebrero ika-18, 2011 sa 1:01

Awatara

Oo, ang isa sa http://www.jpageflip.de ay sa katunayan mabuti, ngunit ito ay may maliit na problema ... ito ay gumagana lamang sa IE9 + ayon sa site lol.
Kaya hulaan ko lamang ang tunay na solusyon ay upang gamitin ang Flash

24 | thirupathi

Marso 2nd, 2011 sa 12:11 ng ​​umaga

Awatara

Kumusta,
Kailangan mo ng iPhone compatabilty mangyaring ...

25 | kalvinder

Setyembre 6, 2011 sa 6:31 ng umaga

Awatara

na mahusay ..... nagtatrabaho napakagandang

26 | Savita

Oktubre ika-11, 2011 sa 4:13 ng umaga

Awatara

Hello,
Mangyaring tulungan ... talagang kailangan ko ang parehong iPhone tugmang ...
Makakatulong sa akin.

27 | starsport

Disyembre ika-7, 2011 sa 03:18 am

Awatara

Gusto ko ang pagtingin sa imahe ng kotse na higit pa kaysa sa iyong pilay jquery function na.

28 | gtechpedia

Disyembre ika-13, 2011 sa 8:31

Awatara

Gamitin ko ito plugin, ngunit kung minsan, ito ay hindi gumagana nang maayos, umaasa ko na ang Renato ay maa-update ito plugin

29 | Virendra

Abril-10, 2012 sa 3:11 ng ​​umaga

Awatara

May ay isang bagong plugin na magagamit kung saan ay mas mahusay kaysa sa ito plugin.

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

Komento Form


  • Virendra: May isang bagong plugin na magagamit kung saan ay mas mahusay kaysa sa ito plugin. http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V.
  • Tina: Salamat sa iyo para sa ang listahan ng mga ito, ay ang anumang ng mga alpticapions partikular na nakatutulong para sa negosyo ng isang Utah kasal litratista?
  • Janelle: Magandang upang makita ang tunay na kadalubhasaan sa display. Iyong cotnritbuion ay pinaka maligayang pagdating.

Tagasalin

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