12 พฤษภาคม 2009

หน้าพลิกกับ jQuery - jFlip: ปลั๊กอินของสัปดาห์ - 12 พ.ค.

Posted by: Mahbub ใน ปลั๊กอินของสัปดาห์ | Plugins

ดังนั้นมันจะไม่กระพริบหลังจากที่ทั้งหมดจะทำอย่างไรเวทมนตร์ทั้งหมด! เราได้เห็นและยังคงเห็นสิ่งมหัศจรรย์ที่ทำแฟลชและเวทมนตร์ หนึ่งในสิ่งที่เย็นที่ได้รับการพัฒนาคือ, บุคคล ผมเห็นว่าครั้งแรกเมื่อฉันถูกเล่นกับแฟลชใน 2002-2003 ฉันเดาใน flashkit และ actionscripts.org คุณสามารถดูรุ่นโปรที่ดีมากของสิ่งดังกล่าว ที่นี่ . แต่สำหรับเราที่ต้องการมากที่สุดในสิ่งที่ทำใน jQuery - ในที่สุดก็มีทางเลือกที่จะว่าหน้าสิ่งที่พลิก มันไม่ได้เป็นอย่างเต็มที่ทางเลือกของการแฟลช แต่ไม่เลวสำหรับการใช้งานหน้าผลพลิกน้อยที่สุด

page_flip

นั่นเป็นวิธีที่ดูเหมือนกับปลั๊กอินที่เรียกว่า jFlip เขียนโดย Renato Formato ที่ http://www.jquery.info/scripts/jFlip/demo.html

การสาธิตเกี่ยวกับหน้าเว็บที่มีการตั้งค่าที่แตกต่างกับตัวเลือกบางอย่าง และฉันสร้างหนึ่งที่มีบางส่วนของรถยนต์ในฝันของฉัน ที่นี่

หวังว่าคุณจะชอบความคิดริเริ่มโดย Renato

29 Responses to "พลิกหน้ากับ jQuery - jFlip: ปลั๊กอินของสัปดาห์ - 12 พ.ค. "

1 | Jenitha

18 พฤษภาคม 2009 เวลา 02:47 น.

Avatar

สวัสดีครับ

นี้ไม่ได้ทำงานใน IE มันคืออะไร วิธีการแก้ปัญหานี้ ฉันพยายามที่จะทำงานเกี่ยวกับเรื่องนี้ แต่ไม่สามารถที่จะ กรุณาใครบางคนช่วยฉันด้วยนี้

2 | Mahbub

20 พฤษภาคม 2009 เวลา 05:34 น.

Avatar

อืมใช่มันดูเหมือนว่า IE เป็นผู้ร้ายอีกครั้ง เป็นนักพัฒนาก็ไม่ควรพูดแบบนี้ แต่เข้าร่วม http://www.wedontsupportie.com/ .

3 | นักพัฒนา

26 กรกฎาคม 2009 เวลา 07:12

Avatar

ถ้าคุณบอกว่าคุณไม่ควรพูดอะไรบางอย่างที่ยังบอกว่ามันยังคงที่สิ่งที่ไม่บอกฉัน? ใช่มันจะดีไปยังถังขยะ IE แต่นักพัฒนาโลกแห่งความจริงเข้าใจถึงความจำเป็นที่จะตีตลาดที่ยังคงเพื่อให้มันไม่ได้เป็นตัวเลือกสำหรับนักพัฒนามืออาชีพตอนนี้มันคืออะไร?

4 | Mahbub

26 กรกฎาคม 2009 เวลา 19:24

Avatar

นักพัฒนา @:

ถ้าคุณดูที่ http://www.w3schools.com/browsers/browsers_stats.asp คุณต้องการแจ้งให้ทราบว่าเบราว์เซอร์ไมโครซอฟท์ได้สูญเสียตลาดของพวกเขาในระดับที่ดี และหากไมโครซอฟท์ไม่ได้ให้ความสามารถในการเบราว์เซอร์ที่จะสนับสนุนเทคโนโลยีล่าสุดที่พวกเขาจะได้รับโดยอัตโนมัติถังขยะมัน ถ้าเราไม่ได้ผลักดันให้คนหยุดใช้ IE ผู้เข้าชมจะไม่ทราบว่ามัน มันไม่ได้เป็นตัวเลือกสำหรับนักพัฒนามืออาชีพที่จะนำ STOP BIG ใช้ IE แต่นักพัฒนามืออาชีพที่มีการเปลี่ยนแปลงคนและจะเปลี่ยนทางเลือกของประชาชนเบราว์เซอร์

5 | Kaan

12 สิงหาคม 2009 เวลา 08:24 น.

Avatar

สถิติโลกแห่งความจริงโปรด อย่าให้เราสถิติเกี่ยวกับหน้าเว็บที่นักพัฒนาและนักออกแบบเรียกดู บอกเราเกี่ยวกับ NYTimes, MSN Yahoo หรือเทียบเท่าในท้องถิ่น

6 | Mahbub

12 สิงหาคม 2009 เวลา 09:09 น.

Avatar

@ Kaan ดังนั้นสถิติ W3C เป็นจริงกับคุณ? สถิติของ W3C ไม่ได้หมายถึงสถิติเบราว์เซอร์สำหรับคนเยี่ยมชมเว็บไซต์ของ W3C มันสะท้อนให้เห็นถึงตัวอย่างของประชากรที่เรียกกับเบราเซอร์ที่แตกต่างกัน / etc OS บน WWW เป็น MSN, Yahoo หรือ NYTimes ให้สถิติให้กับประชาชน? ฉันแน่ใจว่าพวกเขาจะเป็นนรกที่ใกล้ชิดกับ W3C ชม.

7 | แฟรงก์

24 ตุลาคม 2009 เวลา 22:37

Avatar

มันเป็นสคริปที่ดีอย่างแปลกใจ แต่ปัญหาที่เกิดขึ้นใน IE เป็น showstopper สำหรับฉัน แม้ว่าจะเป็นเพียงปัญหาที่เกิดขึ้นใน IE6 มันเป็นปัญหาใหญ่ - คุณอาจหลวมได้ถึงหนึ่งในห้าเบราว์เซอร์ ถ้ามันมีผลต่อ IE7 คุณเช่นกันอาจจะลืมมัน

ฉันรักสำหรับคนที่จะหยุดใช้ IE เกินไปและฉันกระจาย Firefox และ Chrome รักเมื่อใดก็ตามที่ฉันสามารถ แต่ข้อเท็จจริงของเรื่องคือนักพัฒนาต้องพัฒนาสำหรับอนาคตของเว็บเช่นเดียวกับปัจจุบัน ถ้าผมบอกลูกค้าของฉันฉันมีสคริปต์ที่ดีที่สี่ของห้าผู้เข้าชมจะได้เห็นพวกเขาต้องการถามฉันว่าเกิดอะไรขึ้นที่จะใช้แทน - 20% ของลูกค้าที่พวกเขายืนอยู่ที่จะสูญเสียก็จะไม่ได้รับการยอมรับ

ดังนั้นในขณะที่มันเป็นสคริปต์เนียนสวยก็ไม่สามารถพิจารณาวิธีการแก้ปัญหาอย่างมืออาชีพ

8 | mahbub

25 ตุลาคม 2009 เวลา 01:40 น.

Avatar

เปิดแหล่งที่มาของมันและฟรี ทำไมเราไม่ปรับแต่งสคริปต์หรือหาโซลูชันทางเลือกสำหรับ IE? นี่คือวิธีการทำงาน นี่คือสคริปที่ดีและเป็นแรงบันดาลใจที่ดีของสิ่งที่สามารถทำได้ด้วย javascript กับเบราเซอร์ที่ทันสมัย ใช้มันในการพัฒนามันมีความสนุกกับมัน

9 | Formato Renato

30 ตุลาคม 2009 เวลา 03:52

Avatar

การทำงานกับ IE ไม่สคริปต์ขออภัยที่จะไม่ได้ชี้ให้เห็นนี้มาก่อน มันทำงานด้วย Google ทำสคริปต์ excanvas หรือดีกว่ารุ่นที่ปรับเปลี่ยนพิเศษที่ผมเขียนเพื่อสนับสนุนการ jFlip

mahbub สาธิตแสดงให้เห็นที่นี่มีรถในฝันของมันจะหายไปสคริปต์ excanvas จึงไม่สามารถทำงานได้กับ IE ลองที่นี่ http://www.jquery.info/scripts/jFlip/demo.html

10 | Mahbub

30 ตุลาคม 2009 เวลา 19:51

Avatar

ขอบคุณ Renato สำหรับการหยุดโดยที่นี่แสดงการปรับปรุงล่าสุด อาจเป็น excanvas ไม่ได้มีเมื่อฉัน blogged เกี่ยวกับนี้ 12 พฤษภาคม

11 | Gopal มาดาน

31 ตุลาคม 2009 เวลา 01:20 น.

Avatar

เราสามารถแสดงข้อมูลเนื้อหาที่มีภาพ
กรุณาบอกฉัน
และวิธีการที่จะทำกับแกลเลอรี่ภาพพลิก
madangdhiman@gmail.com

ขอบคุณ

12 | Mahbub

31 ตุลาคม 2009 เวลา 01:35 น.

Avatar

@ มาดาน

ฉันไม่คิดว่ามันเป็นไปได้ที่จะเคลื่อนไหวข้อความที่มีปลั๊กอิน jFlip บางทีคุณอาจจะสามารถใช้ปลั๊กอินพลิกนี่ http://lab.smashup.it/flip/

13 | Gopal มาดาน

31 ตุลาคม 2009 เวลา 04:06 น.

Avatar

Mahbub เป็น URL พลิก pligin ของคุณได้รับ

ฉันสามารถเรียกมันด้วยตารางฐานข้อมูล
ถ้ามีเขตข้อมูลเนื้อหามากขึ้นแล้วว่าฉันทำงานร่วมกับมันหรือยังถ้าผมต้องการเพียงซ้ายไปขวาพลิก

กรุณาบอกฉัน

14 | Mahbub

31 ตุลาคม 2009 เวลา 04:20 น.

Avatar

ปลั๊กอินมีอะไรที่ต้องทำกับฐานข้อมูล มันเกินคุณว่าคุณจะนำเนื้อหา ถ้าคุณสามารถสร้างองค์ประกอบของรายการในปลั๊กอินแบบไดนามิกจาก DB ทำไมไม่?

15 | Frank

13 มกราคม 2010 เวลา 09:26

Avatar

ไม่ได้ทำงานใน IE7 สำหรับฉัน

16 | Mahbub

13 มกราคม 2010 เวลา 11:39

Avatar

แฟรงก์ Hey,

ปลั๊กอินต่างๆในความเป็นจริงจะทำงานร่วมกับ IE โดยใช้ excanvas . ลองดูที่นี่ในหน้าโครงการเดิม http://www.jquery.info/scripts/jFlip/demo.html

มันเล็ก ๆ น้อย ๆ ช้า แต่ทำงาน

17 | Sanjay

1 กรกฎาคม 2010 เวลา 00:27 น.

Avatar

Hi! ฉันสามารถเพิ่มการเชื่อมโยงเมื่อผู้ใช้คลิกหน้าหลังจากที่มันพลิก? ต้องทำเช่นนี้เร็ว ๆ นี้ .. คนขอบคุณ โปรดติดต่อฉันผ่านทางอีเมล

18 | raloocka

11 กรกฎาคม 2010 เวลา 04:08

Avatar

ปลั๊กอินที่ยอดเยี่ยม! แต่วิธีที่คุณสามารถนำเนื้อหาบางส่วน (ตำราหรือบาง divs) แทนภาพ?

19 | raloocka

11 กรกฎาคม 2010 เวลา 16:25

Avatar

มันเป็นเรื่องใหญ่ผมชอบมันมากมาก! ผมมองผ่าน hopeing รหัสว่าฉันจะหาวิธีที่จะแสดงขับเคี่ยวของ div ฉัน ("เพียงข้อความบางส่วน?) แต่ไม่ประสบความสำเร็จ : ( . ถ้ามีวิธีที่คุณสามารถแจ้งให้เราทราบ?

20 | ปีเตอร์

12 สิงหาคม 2010 เวลา 10:05 น.

Avatar

ดูดีมาก แต่ใน Firefox มันไม่ได้ทำงานเป็นไปอย่างราบรื่นเป็นหนึ่งอาจต้องการสำหรับ นอกจากนี้หน้าจะบิดเบี้ยวในช่วงพลิก

21 | Erik

12 สิงหาคม 2010 เวลา 10:12 น.

Avatar

ลองดูที่รุ่นนี้ http://www.jpageflip.de
ทราบว่ามีคุณสมบัติที่ดีหลายประการ
* พฤติกรรมพลิกจริง (รูปแบบหนังสือ)
ด้านหน้า * และด้านหลังของหน้าจะเคลื่อนไหวในช่วงพลิก
* ภาพโปร่งใส (ค่าอัลฟาตัวแปรสามารถกำหนด)

22 | Gregor

28 สิงหาคม 2010 เวลา 01:31

Avatar

ไม่เลว แต่ jpageFlip ( http://www.jpageflip.de ) ดูค่อนข้างดีกว่ารุ่นนี้

23 | โจ

กุมภาพันธ์ 18, 2011 ที่ 13:01

Avatar

ใช่หนึ่งที่ http://www.jpageflip.de เป็นสิ่งที่ดีแน่นอน แต่มันมีปัญหาเล็ก ๆ ... มันจะทำงานเฉพาะใน IE9 + ตาม ๆ เว็บไซต์
ดังนั้นฉันเดาเท่านั้นวิธีการแก้ปัญหาที่แท้จริงคือการใช้ Flash

24 | thirupathi

2 มีนาคม 2011 เวลา 12:11 น.

Avatar

สวัสดีครับ
ต้องการ compatabilty iPhone โปรด ...

25 | kalvinder

6 กันยายน 2011 เวลา 06:31 น.

Avatar

ที่ยิ่งใหญ่ ..... การทำงานที่ดีมาก

26 | Savita

11 ตุลาคม 2011 เวลา 04:13 น.

Avatar

สวัสดี
กรุณาช่วย ... จริงฉันต้องเข้ากันได้กับ iPhone เดียวกัน ..
ช่วยฉันที

27 | starsport

7 ธันวาคม 2011 เวลา 03:18 น.

Avatar

ผมชอบดูที่ภาพรถมากกว่าฟังก์ชั่นของคุณ jQuery อ่อนแอ

28 | gtechpedia

13 ธันวาคม 2011 เวลา 20:31

Avatar

ผมใช้ปลั๊กอินนี้ แต่บางครั้งก็ไม่ทำงานอย่างถูกต้อง, i หวังว่า Renato จะมีการปรับปรุงปลั๊กอินนี้

29 | Virendra

10 เมษายน 2012 เวลา 03:11 น.

Avatar

มีปลั๊กอินใหม่ที่มีที่ดีกว่าปลั๊กอินนี้คือ

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

ความคิดเห็นที่ฟอร์ม


  • Virendra: มีปลั๊กอินใหม่ที่มีที่ดีกว่าปลั๊กอินนี้คือ http://jquerybyexample.blogspot.com/2012/03/how-to-create-page-flip-effect-using~~V
  • Tina: ขอขอบคุณสำหรับรายการนี้ใด ๆ ของ alpticapions เหล่านี้จะเป็นประโยชน์อย่างยิ่งสำหรับธุรกิจของช่างภาพงานแต่งงานในยูทาห์?
  • Janelle: ดีเห็นความเชี่ยวชาญจริงบนจอแสดงผล cotnritbuion ของคุณคือการต้อนรับมากที่สุด

นักแปล

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: