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へ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


XML Timeline Animation Banner - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

XMLタイムラインアニメーションバナー
iPhoneやiPadの前に、Flashはウェブで高品質のアニメーションを提供する上で最高のコスト効果の高いソリューションとなっています。 しかし、フラッシュなしサポートを備えたiOSデバイスの人気が上昇して、業界はゆっくり基準を開くためにシフトしています。 開発者は、主に自分のアニメーションのニーズにJavascriptのアニメーションライブラリに依存しています。 残念ながら、これらのライブラリのほとんどは、まだXMLタイムラインアニメーションバナーが対処したいと思いますいくつかの制限があります。 以下の機能をチェックしてください。 それはちょうどあなたが探してどのようなことがあります。

特徴

1. CSSアニメーション
これは本当にクレイジー速いアニメーションおよび配列決定のためのDOM要素とGreensockアニメーションプラットフォーム(GSAP)V12を選択するためにはJQueryの電力を使用しています。 あなたは境界線、色、パーセント、不透明度、skewX値、skewY、scaleXプロパティ、scaleYの、回転、xおよびyのようなクールな変換を含むDOM要素のほぼすべてのCSSプロパティをアニメーション化することができます。 あなたが入力する必要があるXML内に所定のCSSパラメータはありません。 単にあなたは、1つまたは複数のDOM elements.Belowに必要な唯一のプロパティをアニメーションCSSアニメーションを示す一例です。

2. JavaScriptオブジェクトのプロパティと関数ベースのプロパティトゥイーン
XMLタイムラインアニメーションバナーのみDOM要素のアニメーションに限定されるものではありません。 また、オブジェクトのプロパティをトゥイーンする方法を提供します。 あなたは、単一のオブジェクトや配列を使用していても、複数のオブジェクトをターゲットにすることができます。 この優れた機能は、キャンバス要素でグラフィカルオブジェクトをアニメーション化するための柔軟な方法を提供します。 もう一つの特徴は、関数ベースのプロパティをトゥイーンする能力です。 あなたが取得し、値を設定する関数の回転()を使用してオブジェクトを持っている場合は動作します。 また、それはまた、あなたがsetRotation()とgetRotationのような機能を持っている場合でも、トゥイーンすることができます()。

3.高度なタイムラインのシーケンシング
タイムラインを使用して、同じ開始時間でアニメーションを揃えるか、それらを次々に合わせ、挿入ポイントをオフセットすることができます。 あなたも、各アニメーションの開始時間に追加することができる時間を設定することができます。 あなたも、入れ子のタイムライン(タイムライン内のタイムライン)によってさらに行くことができます。 また、1つのページに個別のコントロールがあり、複数のバナーを持つことができます。

4.クロスブラウザ、PC、マック、AndroidとiOSの互換性
PC、マック、AndroidやIOSデバイスを使用していますか? 問題ない。 それはJavaScriptで書かれているので、それはあなたのデバイス上で動作するはずです。 回転などの特殊な変換を含む標準のCSSプロパティは、scaleXプロパティは、scaleYのは、スケールは、skewX値は、skewYは、x、yが、transformOriginはあっても、Internet Explorerなどの古典的なブラウザですべてのモダンブラウザで動作するブラウザに依存します。6.非標準のCSSプロパティサポート。 お使いのブラウザがサポートしていればだから、それはアニメーション化することができます。

5.高度なユーザーコントロール
アニメーションを表示するときにユーザーが(バッファリングなし)ビデオのようなコントロールがあります。 ユーザーが事を欠場する必要はありませんので、いつでも(時間またはラベル)を再生またはシーク、一時停止を繰り返します。 アニメーションの次のセットが始まると、ユーザーが知っているだろうので、あなたは正確にシークバーにマークされているラベルを使用することができます。 これらのすべてはXMLに設定することができます。

1ページ中6複数のバナー
あなたは、1つのXMLを使用して、1つのページに複数のバナーを設定することができます。 各バナーには、独自のタイムラインシーケンスとコントロールを持つことができます。

7. One XML、複数のバナーサイズ
1つのXMLは、異なるバナーサイズを必要とする別のページで再利用することができます。 別のバナーサイズと同じアニメーションを再加工する必要がないので、これはコストを削減することができます。 これは、%基づいて位置および大きさの組み合わせを使用することによって達成することができます。

ImageSlicer 8.スライスあなたのイメージ
ImageSlicerは便利なXMLだけで行と列の数を設定することにより、画像をスライスし、アニメーション化するためにCSSを使用しています。 タイムラインシーケンシングと組み合わせると、それはクールな画像スライス遷移を作成します。

9.インテリジェント自動再生
時間のほとんどは、あなたはそれが現在のページに表示されていないときに再生されるバナーのアニメーションを必要としません。 この機能を使用すると、必要に応じて自分のページに示されていないときにバナーアニメーションを一時停止するように指定することができます。 これは、特にモバイルデバイスと追加のプロセッサのオーバーヘッドを保存します。

10. DOM要素イベントハンドラ
これは、コーディングすることなく、DOM要素にイベントをアタッチするのに役立ちます。

注:画像をご購入には含まれません。


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
9月10日12

最後の更新:
9月12日12

高解像度:
いいえ

互換性のあるブラウザ:
IE6、IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、XML、CSS

ソフトウェアバージョン:
jQueryの

キーワード

eコマース, eコマース, 全商品, アニメーション, 自動再生, バナー, コントロール, greensock, 画像スライサー, インテリジェント, jqueryの, マルチサイズ, スライサー, スライダー, タイムライン, timelinemax, tweenmax, XML