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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Canvas

HTML5 Canvas Carousel

— アドオンWorldWideScripts.netへ

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

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


HTML5 Canvas Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ENVATOに従ってください FACEBOOKに従ってください

2012年9月21日の更新 - 私たちは、携帯電話でいくつかのナビゲーションの問題を修正し、カルーセルがより敏感です。

これは、機能のトンとカルーセルの形をした3次元フォトギャラリーを提示素晴らしいHTML5のキャンバスXMLカルーセルです。 あなたは、ほとんど何でも、それはおそらくあなたが別のカルーセルを必要は決してありませんように良いの3D現実感提示をカスタマイズすることができます。

この非常に複雑なHTML5のキャンバスの3Dカルーセルは、モバイルデバイス(例えばiPad2の、iPad3、iPhone、サムスンギャラクシータブなどのようにAndroidとIOSのモバイルデバイス)用に最適化されています。 それは、これらのデバイス上で動作するだけでなく、それは、ネイティブアプリのように動作し、あなたが触れることができるとドラッグ/ちょうどあなたがネイティブアプリと同じようにカルーセルを回転させます。 我々は、IOS(iPad2のとiPad3)とAndroid(三星ギャラクシータブ)でそれをテストして、パフォーマンスが(ハードウェアが加速され、このデバイス上のキャンバス)特にIOS5以上と計算された上で本当に良いですのでご注意ください。

また、事前に定義された動きとプレゼンテーションを持つユニークなプリセットを持って、水平、垂直、斜め:このHTML5キャンバスカルーセルは、あなたが望む任意の方法で提示されたイメージを持つことができます。 あなたはまた、ボタン、スクロールバープリローダの境界線などの色を設定することができ、基本的に全体の色とグラフィックのテーマを変更することができます。 また、すべてのボタンとスクロールバーはオプションです。

すべてのオプションは簡単に、したがって、それははるかに簡単だカルーセルの維持、構成XMLファイルから変更することができます。

 Example for setting up the carousel: 

JavaScriptのコード:VARのCC =新しいCanvasCarousel(「myCanvas "、"ロード/ config.xmlに "); HTMLコード:

キャンバスIDとXMLファイルのパス:CanvasCarousel JavaScriptクラスの機能は、単に2つの引数を必要とします。 ご希望の場合は、この方法では、別のIDとさえ異なるXML構成で、すべてのキャンバスのための新しいCanvasCarouselインスタンスを作成し、複数のインスタンスを宣言することができます。

ヘルプファイルは、すべての構成タグとインストールを説明するダウンロードしたファイルに添付されます。 カルーセル特徴:

 XML driven all the positions, sizes and theme colors can be changed inside the XML file. supports any image files (png, jpg, gif). set the component's canvas width and height. set the carousel position on the canvas. set the thumb width and height. set the carousel radius on x, y and z axis. set the carousel angle for horizontal, vertical or oblique presentation. set the thumb border size and color. tooltip thumb option, which is dynamic (following the mouse). set the tooltip background color and the text size and color. the buttons can be enabled or disabled (visible or not). set the buttons colors. the scrollbar can be enabled or disabled like the buttons. set the scrollbar track and handler colors. the buttons, scrollbar and slideshow preloader positions can be set to be anywhere. the carousel can also be rotated with the mousewheel (can be disabled). slide show option. auto play option. set the slideshow transition time (when set to autoplay). it can open URLs when an image is clicked. the performance of this product is so good that you can have multiple carousel instances set to auto-slide in the same page of your project or website. 

他の多くのクールな機能!


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

プロパティ

作成:
4月4日12

最終更新:
N / A

高解像度:
ノー

推奨ブラウザ:
IE9、IE10、IE11は、Firefox、Safariの、オペラ、クローム

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

ソフトウェアバージョン:
HTML5、その他

キーワード

eコマース, eコマース, 全商品, アンドロイド, キャンバス, キャンバスカルーセル, 回転木馬, HTML5, イオス, モバイル, XML