WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

XML Timeline Animation Banner

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Хронологія Анімація Банер
Перед iPhone'ов і IPADS, Flash був найкращим економічно ефективним рішенням в забезпеченні якості анімації в Інтернеті. Але з ростом популярності пристроїв ОС IOS без спалаху підтримки, промисловість поступово переходить до відкритих стандартів. Розробники в основному покладаються на Javascript анімації бібліотеки для своїх потреб анімації. На жаль, більшість з цих бібліотек все ще є деякі обмеження, які XML Тимчасова шкала анімації Banner хотів би звернутися. Перевірте такі функції. Це може бути просто те, що шукаєте.

риси

1. CSS Анімація
Це використовує силу JQuery для переміщення об'єктів DOM і Greensock Анімація Platform (GSAP) v12 для дійсно божевільною швидкої анімації і послідовності. Ви можете оживити практично будь-який CSS властивість DOM елементів, включаючи межі, колір, відсотки, непрозорості, остудити перетворюється як skewX, skewY, Scalex, ScaleY, обертання, х і у. Там немає заздалегідь визначених параметрів CSS в XML, що вам потрібно ввести. Просто анімувати тільки властивості, необхідні для одного або декількох DOM elements.Below приклад, що показує CSS анімацію.

2. JavaScript Object властивостей і функцій на основі нерухомості Tweening
XML Хронологія Анімація Банер не обмежується тільки DOM Element анімації. Вона також забезпечує спосіб анімації руху властивості об'єкта. Ви можете націлити одного об'єкта або навіть декількох об'єктів за допомогою масивів. Ця цікава особливість забезпечує гнучкий спосіб для анімації графічних об'єктів в Canvas елемент. Ще однією особливістю є можливість проміжні кадри функцій на основі властивостей. Вона буде працювати, якщо у вас є об'єкт з обертанням () функцію, яка отримує і встановлює значення. Крім того, він може також проміжні кадри, навіть якщо у вас є такі функції, як setRotation () і getRotation ().

3. Розширений Тимчасова шкала Секвенирование
Використовуючи тимчасові рамки, ви можете змістити точку вставки, вирівнювання анімації в той же час початку або вирівнювати їх один за іншим. Ви навіть можете встановити час, який може бути додано до часу початку кожної анімації. Ви можете навіть піти далі гніздяться терміни (на шкалі часу в терміни). Ви також можете мати кілька банерів, які мають окремі елементи управління на одній сторінці.

4. Крос-браузер, PC, Mac, Android і ОС IOS сумісні
Використання ПК, Mac, Android або IOS пристроїв? Без проблем. Так як він написаний на Javascript, він повинен працювати на пристроях. Стандартні властивості CSS, включаючи спеціальні перетворення, як обертання, Scalex, ScaleY, масштаб, skewX, skewY, х, у, transformOrigin буде працювати у всіх сучасних браузерах, навіть з класичним браузера, наприклад, Internet Explorer 6. Нестандартні властивості CSS буде залежати від браузера підтримка. Так що, якщо ваш браузер підтримує його, може бути анімованим.

5. Розширені засоби керування користувача
Тепер користувачі матимуть відео-подібні елементи управління (без буферизації) при перегляді анімації. Повтор, пауза, відтворення або шукати (час або етикетку) в будь-який час, щоб користувачі не повинні пропустити річ. Ви можете використовувати мітки, які точно відмічені рядки пошуку, щоб користувачі будуть знати, коли починається наступний набір анімації. Все з яких можуть бути встановлені в XML.

6. Кілька банерів на одній сторінці
Ви можете встановити кілька банерів на одній сторінці за допомогою одного XML. Кожен банер може мати свою власну послідовність шкали часу і контролю.

7. Один XML, кілька Розміри банерів
Один XML можна повторно використовувати в різних сторінках, які потребують банерів різних розмірів. Це може скоротити витрати, тому що не буде ніякої необхідності переробити ту ж анімацію з банерів різних розмірів. Це може бути досягнуто за рахунок використання комбінації положення і розміру на основі%.

8. Наріжте ваші зображення з ImageSlicer
ImageSlicer використовує CSS, щоб зручно нарізати і анімувати зображення, просто встановивши кількість рядків і стовпців в XML. У поєднанні з тимчасової шкали секвенування, він створює прохолодні переходи зрізів зображення.

9. Інтелектуальний автозапуск
Велику частину часу вам не потрібно банер анімації, щоб грати, коли вона не в даний момент видно на сторінці. За допомогою цієї функції можна додатково вказати, щоб призупинити банер анімації, коли це не показано на вашій сторінці. Це економить додаткові накладні витрати процесора, особливо з мобільними пристроями.

10. Елемент DOM обробник події
Це допомагає прикріпити події до DOM-елементів без кодування.

Примітка: Зображення не включені в вашої покупки.


Завантажити
Інші компоненти в цій категоріїВсі компоненти цього автора
КоментаріЧасті питання та відповіді

Властивості

створений:
10 12 вересня

Останнє оновлення:
12 вересня 12

Висока роздільна здатність:
Немає

сумісні браузери:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

файли, включені:
JavaScript JS, HTML, XML, CSS

Версія програмного забезпечення:
Jquery

Ключові слова

електронної комерції, електронної комерції, всі товари, анімація, автоматичне відтворення, банер, управління, greensock, Ломтерізки зображення, розумний, JQuery, кілька розмірів, Ломтерізки, повзунок, тимчасова шкала, timelinemax, TweenMax, XML