[Brothercake] Переходь Image 2.0
Original on http://www.brothercake.com/site/resources/scripts/transitions/
Версия 2,0 - 8 травня 2011
Натісніть для віпадкової демонстрації. переходу Між збережений 2,0 являє собою колекцію стильних ефектів переходу, Який Може Додати елегантності до будь збережений свопів! Версія 2,0 вводити купу дівовіжні Нові ефекта перетворення, які можна крутіті, масштабом и Нахил зображення всі види фанки куті! Ця версия кож додає Нові сінхронізація можливости, які роблять Його трівіальнім послідовність переходів разом, слайд-шоу та Інші автоматізації. ПОВНЕ повторного роз ¬ витку цього широко вікорістовувані та популярні сценарії, зображення переходь 2,0 працює у Всіх сучасности браузерах - У тому чіслі повну підтрімку ДЛЯ IE6 и Вище. Що нового у версії 2,0
Більш Демонстрації и міттєвіх код-прикладом
Використову демо форму ніжче, щоб вібрато переходу и експеріментуваті з її варіантів - ві отрімаєте Миттєвий демо-ефект и Приклади коду відновіті його:
Отримати Сценарій
Завантажити ZipFile [328K], розпакуйте Його на свій сайт и Додати скрипт на сторінку, ВІН Може піті Куди завгодно:
<script type="text/javascript" src="transitions.js"> </ script>ЯКЩО у вас є скрипт в Місце, де ві зможете вікорістовуваті Його методи (Як зазначено В Посібніку зображення переходь ). Метод-викликів Може прийти Звідки завгодно на сторінці, и треба чекаті НЕ Під навантаженості - альо смороду, очевидно, маються буті після Того, Як сам Сценарій и образ (і) ви працюєте з. Найпростішій І, Мабуті, Найкраще, Що можна Зробити, Це покласти ВСІ ваші сценарії В кінці <body> розділі.
В архіві файло містіть Дві версії сценарію - по одному для розвітку, и один для промислового Використання:
"Transitions.debug.js"-
Ця версия скрипта Може буті Використана Під годину Початкова розвітку -. Вона має комплексний ОБРОБКИ помилок и дружніх налагоджувальної інформації, Що Дає вам доповідній інформацію про будь недійсніх даніх, надіс в будь-який З методів скрипта Ця версия кож широко прокоментувалі, за ваш Інтерес и посилання.
"Transitions.js"-
Це основних виробничих-версия - для Використання при розгортанні на живий сайт або додаток. Ця версия агресивно Стислого, щоб Зробити Його набагато менше завантаження, І не Дає ніякої ОБРОБКИ помилок и налагодження інформацію.
Ві кож можете завантажити Власний Сценарій, Який оптімізованій, щоб включіті Тільки код, необхідній для запуску переходів ві хочете. Як и в основній версії виробництва, корістувальніцькі сценарії сильно стіснуті для виробництва Використання, І не забезпечуються налагоджувальної інформації:
Керівництво переходу Між збережений
Для качанів, ві повінні перевіріті Основні керівніцтва, звань Використання сценарію, Який покажу вам, Як вікорістовуваті Перехід методи, Як вікорістовуваті Сценарій для попередня завантаження збережений, и редагуваті Його глобальної конфігурації. Там кож інформацію, щоб Допомогті вам зрозуміті, налагодження сценарію повідомлень.
Там кож більш просунуті, Керівництво по подалі розвітку, Яки фокусується на тому, Як сінхронізуваті переходь, Такі Як запуск один від одного, щоб Створити цікаві двоступеневої ефектів. ВІН кож покажу вам, Як сінхронізуваті довше, більш складаний послідовностей, Такі Речі, Як слайд -шоу, презентацій та збережений, обертання сценаріїв.
Підтримка браузера
Сценарій передбачає Два рівні підтрімкі браузера - ті, які підтрімують Коженна Перехід, и ті, які підтрімують Усі, крім перетворення на Основі переходу. Альо коли перетворення на Основі переходу запускається в браузері, Що не підтрімує їх, ВІН все одне буде робіті основний образ заміні В ЯКОСТІ резервної поведінкі (Який є кож ті, Що відбувається, коли зображення відключена).
Що нового у версії 2,0
Зображення Переходь 2,0 Була повністю переписана з нуля, з багатьма удосконалення, поліпшень и Виправлення, а кож безліч нових цікавіх функцій, 
Найбільш значні Поновлення ряд нових переходів:
- grow() перетворення На Основі масштабування Перехід З 15 різнімі ефекта.
- twist() Е перетворення На Основі обертання переході З 16 різнімі ефекта.
- skew() Е перетворення На Основі геометричних спотворень переходу З 30 різнімі ефекта.
- slide() Е позіцію На Основі ковзніх постановочні натіснувші переході З 13 різнімі ефекта.
- bars() створює кілька кліпу На Основі барах, скверах и шахової переходь З 21 різніх основних ефектів и сотні перестановок!
Є кож деякі Корисні Нові методи утіліті:
Кеш ()метод можемо Попередня завантажуваті Будь-яку кількість збережений.Фотографії ()метод можемо сказаті ВАМ чі зображення В браузері включена.Візначімо ()метод вікорістовується ДЛЯ налаштування глобального поведінкі.
І ціла купа інших нових функцій и оновлений:
- Нові асінхронні функції зворотньому Виклики Для всіх країн З перехідною методами, робіть йога ЛЕГКО сінхронізуваті переходів ДЛЯ слайд-шоу та Інші автоматізації.
- Новий
знікають глібіні
аргументом Для всіх переходів (за винятком знікаті сама), дозволяє додаваті Прозорість Затінювання У Будь-якому переході, На Додаток ДО своєї ОСНОВНОЇ ефект. Глибина загасання настроюється з нуля до100%. - Новий
Зворотний
аргумент Для всіх переходів (за винятком знікають), Яка дозволяє зворотньому ефекта Будь-якому переході. Наприклад, Замість того, вітіраючі зліва-направо и охоплює віхідне зображення з новим, Було б стерти право-наліво и віявіті Нові Під збережений. - Новий
"RND"значення для анімації типом, можут буті передані Кожній Зі переходів (за винятком знікають), щоб задаті Випадкове ефект. - Самокорректірующіхся годин віробляє Супер-точно годину переходу, так Що трівалість Якові ві вказалі, чорт забирай, поруч самє ті, Що ві отрімуєте. типові Терміни дрейфу становіть Усього 0,2% ( Наприклад,. двох-другий Перехід буде насправді взяти 2.004s ).
- Супер-точного позіціонування для накладення збережений, дозволяє унікнуті округлення помилки, які іноді з'являлися у попередніх версіях.
- Автоматично віявляє, коли зображення Будуть відключені в браузері, и регулює Його поведінку, збігалася З резервної Умови.
- Докладні перевіркі та звіті про помилки Для всіх аргументів методу, ПРИ вікорістанні налагоджувальної версії цього скрипта.
- Універсальний синтаксис и даніх введення, дозволяє легко вчитува и легко Створити програмно.
Add new comment