12 травня 2009

Page Flip з JQuery - jFlip: Плагін тижня - 12 травня

Додав: Махбубом в: Плагін тижня | Плагіни

Так що це не блимають в кінці кінців, щоб зробити все магія! Ми вже бачили, і все ще бачачи флеш творять чудеса і магію. Одна з чудових речей, які були розроблені був PageFlip. Я бачив, що спочатку, коли я грав зі спалахом в 2002-2003 роках я думаю, в flashkit і actionscripts.org. Ви можете бачити, дуже добре про версію така річ тут . Але для нас, які хочуть більшість речей робиться в JQuery - нарешті, є альтернатива цій сторінці зворотна річ. Це не повністю альтернативи флеш, але не погано для мінімального використання сторінки фліп ефект.

page_flip

Ось як це виглядає з плагін називається jFlip написана Ренато Formato на http://www.jquery.info/scripts/jFlip/demo.html

Демо на сторінках, які має різні установки з кілька варіантів. І я створив один з деякими з моїх автомобілів мрії тут

Сподіваюся, вам сподобається ініціативу Ренато.

29 Відповідей на "Page Flip з JQuery - jFlip: Плагін тижня - 12 травня"

1 | Jenitha

18 травня 2009 в 2:47 ранку

Аватара

Привіт,

Це не працює в IE це? Як вирішити цю проблему. Я намагався працювати над цим, але не в змозі. Будь ласка, хто-небудь допомогти мені з цим.

2 | Махбубом

20 травня 2009 в 5:34 ранку

Аватара

Хм, так, здається, IE є винуватцем знову. Як розробник я не повинен говорити цього, але приєднатися http://www.wedontsupportie.com/ .

3 | Розробник

26 липня 2009 в 7:12 вечора

Аватара

Якщо ви говорите, ви не повинні щось сказати, але говорять, що до цих пір, то що мені сказати? Так, було б непогано, щоб сміття IE, але реальних світових розробників розуміють необхідність вдарити, що ринок як і раніше, так що насправді це не варіант для професійних розробників, в даний час не так?

4 | Махбубом

26 липня 2009 в 7:24 вечора

Аватара

@ Розробник:

Якщо ви подивитеся на http://www.w3schools.com/browsers/browsers_stats.asp ви помітите, що браузер від Microsoft втратив ринок в значній мірі. І якщо Microsoft не дає можливості це браузер для підтримки новітніх технологій, вони будуть автоматично сміття. Якщо ми не змусити людей відмовитися від використання IE, відвідувачі не знають. Це не варіант для професійних розробників поставити BIG STOP, за допомогою IE, але це професійні розробники, які змінили людей і змінить вибір народу браузерів.

5 | Каан

12 серпня 2009 в 8:24

Аватара

Реальний світовою статистикою, будь ласка. Не поступатися нам статистичні дані про сторінки, де розробники та дизайнери перегляду. Розкажіть про NYTimes, MSN Yahoo або місцеві еквіваленти.

6 | Махбубом

12 серпня 2009 в 9:09

Аватара

@ Каан, так W3C статистика нереальною для вас? W3C статистика не означає браузер статистику для людей, які відвідують сайті W3C. Вона відображає вибірці населення, які дивляться з різними браузерами / OS і т.д. на WWW. Є MSN, Yahoo або NYTimes дає статистика для громадськості? Я впевнений, що вони будуть ближче до пекла w3c статистику.

7 | Франк

24 жовтня 2009 в 10:37 вечора

Аватара

Це дивно хороший сценарій, але IE проблеми зупинить всю роботу за мене. Навіть якщо це всього лише проблема в IE6, це велика проблема - ви можете втратити до одного з п'яти браузерів. Якщо це впливає на IE7, ви можете також забути.

Я хотів би для людей відмовитися від використання IE теж, і я викладаю FireFox і Chrome люблять, коли я можу, але факт в тому, що розробники повинні розвивати в майбутньому веб-, так і сьогодення. Якби я сказав моїм клієнтам у мене був відмінний сценарій, що чотири з п'яти відвідувачі могли побачити, вони запитують мене, що збирається використовувати замість цього - 20% клієнтів вони стояли втрачати не будуть допускатися.

Таким чином, хоча це досить слизький сценарій, він не може вважатися професійним рішенням.

8 | Махбубом

25 жовтня 2009 в 1:40 am

Аватара

Це з відкритим вихідним кодом і вільною. Чому б нам не підправити сценарій або знайти альтернативні рішення для IE? Ось як це працює. Це гідний сценарій і хороший натхнення з того, що можна зробити за допомогою JavaScript з просунутими браузерами. Візьміть його, розвивати його весело з ним.

9 | Ренато Formato

30 жовтня 2009 в 3:52 вечора

Аватара

Сценарій працює з IE, шкода не вказали це раніше. Він працює завдяки Google зробив excanvas сценарій, або, точніше, спеціальна модифікована версія я написав для підтримки jFlip.

Демо-Махбубом показує тут свої автомобілі мрії відсутній сценарій excanvas, тому вона не працює з IE. Спробуйте тут http://www.jquery.info/scripts/jFlip/demo.html

10 | Махбубом

30 жовтня 2009 в 7:51 вечора

Аватара

Завдяки Ренато заглянули на показ тут з останніми оновленнями. Може бути, excanvas не було, коли я писав про це в 12 травня.

11 | Мадан Гопал

31 жовтня 2009 в 1:20 am

Аватара

Чи можемо ми показати вміст даних з зображення
Скажіть, будь ласка,
І, як це робиться з гортати галерею зображень
madangdhiman@gmail.com

Спасибо

12 | Махбубом

31 жовтня 2009 в 1:35 ранку

Аватара

@ Мадан

Я не думаю, що це можна анімувати текст з jFlip плагін. Може бути, ви можете використовувати плагін Фліп тут http://lab.smashup.it/flip/

13 | Мадан Гопал

31 жовтня 2009 в 4:06 am

Аватара

Махбубом якості даного URL Фліп Плігін автора

Чи можу я взяти її з таблицею бази даних.
Якщо у мене є кілька полів змісту, то як я працював з ним або ж, якщо мені потрібно тільки зліва направо, переворот

Скажіть, будь ласка,

14 | Махбубом

31 жовтня 2009 в 4:20

Аватара

Плагін не має нічого спільного з базою даних. Це до вас, як ви приносите зміст. Якщо ви можете створити список елементів в плагін динамічно з БД, то чому б і ні?

15 | відвертого

13 січня 2010 в 9:26 вечора

Аватара

не працює в IE7 для мене

16 | Махбубом

13 січня 2010 в 11:39 вечора

Аватара

Гей, Френк,

Останній плагін насправді працює з IE використанням excanvas . Погляньте на нас у вихідну сторінку проекту. http://www.jquery.info/scripts/jFlip/demo.html

Це трохи повільно, але працює.

17 | Санджай

1 липня 2010 в 12:27 ранку

Аватара

привіт! Чи можу я додати посилання, коли користувач натиснув на сторінці, після того, як перевернути? потрібно робити це швидко .. Спасибі людина! зв'яжіться зі мною через електронну пошту.

18 | raloocka

11 липня 2010 в 4:08 вечора

Аватара

Великий плагін! Але як ви можете поставити деякі контент (тексти або діви) замість зображення?

19 | raloocka

11 липня 2010 в 4:25 вечора

Аватара

Це здорово, я дуже люблю! Я подивився через код hopeing, що я знайду спосіб показати стверджують моїх справ ("тільки текст?), Але без успіху : ( . Якщо так можна, дайте мені знати?

20 | питер

12 серпня 2010 У 10:05

Аватара

Виглядає непогано, але в Firefox не так гладко, як можна було бажати. Крім того, сторінки спотворюється під час перемикання.

21 | Ерік

12 серпня 2010 У 10:12

Аватара

Погляньте на цю версію: http://www.jpageflip.de
Зверніть увагу, що є кілька приємних особливостей.
* Реалістичний гортати поведінки (книга стилю)
* Передній і задній частині сторінки анімовані при гортати
* Прозорих зображень (змінної величини альфа може бути встановлений)

22 | Грегор

28 серпня 2010 в 1:31 вечора

Аватара

Не погано, але jpageFlip ( http://www.jpageflip.de ) виглядає краще, ніж цей варіант.

23 | Джо

18 лютого 2011 в 1:01 вечора

Аватара

Так, по одному http://www.jpageflip.de дійсно добре, але у нього є крихітні проблема ... він працює тільки в IE9 + в залежності від місця LOL.
Тому я думаю, єдиним реальним вирішенням є використання Flash

24 | Тірупаті

2 березня 2011 в 12:11 ранку

Аватара

Привіт,
Потрібна iPhone compatabilty, будь ласка ...

25 | kalvinder

6 вересня 2011 в 6:31

Аватара

що більша ..... працює дуже хороший

26 | Savita

11 жовтня 2011 в 4:13 am

Аватара

Привіт
Будь ласка, допоможіть ... насправді мені потрібно те ж iPhone сумісні ..
Допоможи мені.

27 | starsport

7 грудня 2011 в 3:18 am

Аватара

Я хотів подивитися на зображення автомобіля більше, ніж ваш кульгавий функції JQuery.

28 | gtechpedia

13 грудня 2011 в 8:31 вечора

Аватара

Я використовую цей плагін, але іноді це не працює належним чином, я сподіваюся, що Ренато буде оновлюватися це плагіни

29 | Virendra

10 квітня 2012 в 3:11 am

Аватара

Існує новий плагін доступні, які краще, ніж цей плагін.

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

Мітки