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

— Add-On sa WorldWideScripts.net

Mag-subscribe sa aming mga feed upang manatili hanggang sa petsa!

Bago! Sundin amin sa gusto mo!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XML Timeline Animation Banner
Bago ang iPhone at iPad, Flash ay ang pinakamahusay na cost-effective na solusyon sa paghahatid ng kalidad ng mga animation sa web. Ngunit may mas mataas na popularidad ng iOS mga aparato na walang flash support, ang industriya ay dahan-dahan paglilipat upang buksan pamantayan. Mga Nag-develop halos umaasa sa Javascript animation aklatan para sa kanilang mga pangangailangan animation. Sa kasamaang palad, karamihan sa mga aklatan pa rin magkaroon ng ilang mga limitasyon na XML Timeline Animation Banner nais na address. Tingnan ang mga tampok sa ibaba. Ito ay maaaring maging lamang kung ano ang iyong hinahanap.

Mga tampok

1. CSS Animation
Ito ay gumagamit ng kapangyarihan ng JQuery upang piliin DOM Sangkap at Greensock Animation Platform (GSAP) v12 para sa talagang baliw mabilis animation at sequencing. Maaari mong i-animate ang halos anumang CSS ari-arian ng mga elemento DOM kabilang hangganan, kulay, porsyento, opacity, cool transforms tulad skewX, skewY, scaleX, scaleY, pag-ikot, x, at y. Walang mga paunang-natukoy na CSS parameter sa XML na kailangan mong input. Simply animate lamang ang mga katangian na kailangan mo sa isa o higit DOM elements.Below ay isang halimbawa na nagpapakita ng css animation.

2. Javascript Object Property and Function-based Property tweening
XML Timeline Animation Banner ay hindi lamang limitado sa DOM Element animation. Nagbibigay din ito ng isang paraan upang tween katangian ng bagay. Maaari mong i-target ang isang solong bagay o kahit maramihang mga bagay gamit ang arrays. Ito mahusay na tampok ay nagbibigay ng isang nababaluktot na paraan upang mai-animate graphical bagay sa isang Canvas elemento. Isa pang tampok ay ang kakayahan upang tween function na nakabatay sa pag-aari. Ito ay gumagana kung ikaw ay may isang bagay na may isang pag-ikot function () na hindi nakakaabala at nagtatakda ng isang halaga. Gayundin, maaari itong ring tween kahit na wala kang pag-andar tulad setRotation () at getRotation ().

3. Advanced Timeline Sequencing
Paggamit ng mga timeline, maaari mong mabawi ang insertion point, ihanay animation sa parehong oras ng pagsisimula o ihanay ang mga ito ng isa pagkatapos ng isa. Maaari ka ring magtakda ng isang oras na iyon ay maaaring idagdag sa ang oras ng simula ng bawat animation. Maaari ka ring pumunta sa karagdagang sa pamamagitan ng nesting timeline (timeline sa loob ng isang timeline). Maaari ka ring magkaroon ng maramihang mga banner na may hiwalay na mga kontrol sa isang pahina.

4. Cross-browser, PC, Mac, Android at iOS compatible
Ang paggamit ng isang PC, Mac, Android o iOS Device? Walang problema. Dahil ito ay nakasulat sa Javascript, ito ay gagana sa iyong device. Standard CSS properties kabilang ang espesyal na transforms tulad pag-ikot, scaleX, scaleY, sukat, skewX, skewY, x, y, transformOrigin ay gagana sa lahat ng mga modernong mga browser kahit na may isang klasikong browser tulad ng Internet Explorer 6. Non-standard katangian ng CSS ay depende sa browser support. Kaya kung ang iyong browser ay sumusuporta sa ito, maaari itong animated.

5. Advanced Kontrol User
Ang mga gumagamit ay mayroon na ngayong video-tulad ng mga kontrol (nang walang buffering) kapag tinitingnan ang animation. Ulitin, i-pause, i-play o humingi (oras o label) anumang oras upang ang iyong mga gumagamit ay hindi upang makaligtaan ang isang bagay. Maaari mong gamitin ang mga label na tiyak na minarkahan sa seek bar sa gayon ang iyong mga user ay alam kung kailan ang susunod na set ng animation ay nagsisimula. Lahat ng na maaaring itakda sa XML.

6. Maramihang Banners in One Page
Maaari mong itakda ang maramihang mga banner sa isang pahina gamit ang isa XML. Ang bawat banner ay maaaring magkaroon ng sarili nitong timeline sequence at mga kontrol.

7. One XML, Maramihang Banner Mga Laki
One xml maaaring reused sa iba't ibang mga pahina na nangangailangan ng iba't ibang mga laki ng banner. Ito ay maaaring i-cut gastos dahil doon ay hindi na kailangan sa rework ang parehong animation na may iba't ibang mga laki ng banner. Ito ay maaaring nakakamit sa pamamagitan ng paggamit ng isang kumbinasyon ng% batay posisyon at laki.

8. Slice iyong mga imahe na may ImageSlicer
ImageSlicer gumagamit ng CSS upang conveniently hatiin at bigyang-buhay mga imahe sa pamamagitan lamang ng pagtatakda ng bilang ng mga hilera at haligi sa XML. Kaakibat ang timeline sequencing, ito ay lumilikha ng mga cool na mga transition image slice.

9. Intelligent Autoplay
Karamihan ng panahon hindi mo na kailangan ng isang banner animation upang i-play kapag ito ay kasalukuyang hindi makikita sa pahina. Sa tampok na ito, maaari mong opsyonal na tukuyin upang i-pause ang banner animation kapag hindi ipinakita sa iyong pahina. Ito sine-save ng karagdagang processor overhead lalo na sa mobile device.

10. DOM Element Event Handler
Ito ay tumutulong sa i-attach ang mga kaganapan sa DOM Sangkap na walang coding.

Tandaan: Ang mga imahe ay hindi kasama sa iyong pagbili.


I-download
Iba pang mga bahagi sa kategoryang itoAng lahat ng mga bahagi ng may-akdang ito
Mga komentoMga madalas itanong at sagot

Properties

nilikha:
10 September 12

huling update:
12 September 12

high Resolution:
Hindi

Mga katugmang Mga Browser:
IE6, IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

file Kasamang:
JavaScript JS, HTML, XML, CSS

Bersyon ng Software:
jQuery

Keyword

eCommerce, eCommerce, Lahat ng bagay, animasyon, auto-play, bandila, kontrol, Greensock, image slicer, matalino, jquery, multi-size, slicer, slider, timeline, timelinemax, TweenMax, xml