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

CodingJack's 3D Carousel

— アドオンWorldWideScripts.netへ

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

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


CodingJack's 3D Carousel - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ウェブマスターのためのENVATO INTERACTIVE品FOLLOW Twitterが新しいPttINS ABOUT NOTIflED GET従います

CodingJackの3Dカルーセル

- > WordPressのバージョンも利用できます

  • CSS3 3Dトランスフォームを使用して、リアルな3D
  • 3DカルーセルはクロームやFirefox、Safariの、iOSとAndroid上で表示されます
  • グリッドスタイルのフォールバックは、IEのために表示されます(下のスクリーンショットを参照するか、グリッドのフォールバックのライブプレビューを表示するには、次のブラウザのいずれかでプレビューをテスト)

タッチスワイプでタブレットと携帯電話

カルーセルは、iOSとAndroidでサポートされ、タッチスワイプ機能が含まれています。 それは、タブレット上の見栄え、さらにスマートフォン上で動作します。 カルーセルは、小さな画面上の小さな表示されることができるので、しかし、私はスマートフォンのための2つの特別なオプションを用意しました:

  • 代わりにサムネイルグリッドを表示するためのオプション(「フォールバック」のプレゼンテーション)
  • 応答レイアウトにグリッドのフォールバックを変換するためのオプション。 例えば、携帯電話からのプレビューのいずれかを表示します。

カスタマイズ可能なオプションがあります

  • 「オートスピン」にカルーセルを選択してください。
  • 最初の「ズーム/回転」のアニメーションをオンとオフを切り替えます
  • HTML5キャンバス "輝き"ホバー効果をオンとオフを切り替えます
  • 画像の反射を使用するかを選択します
  • プレビューに示す3D値をカスタマイズ
  • 自動再生スピードだけでなく、マウス操作の速度を設定します
  • アイテムのキャプションはオプションです
  • オートショー項目のキャプションに選択してください
  • ハイパーリンクはオプションです
真SS3トランスフォーム.d1Iar、ロードアイランド

IE用グリッドフォールバック

SS3 Traamsこれは、いくつかのテキストと、このいくつかの詳細と、このいくつかの詳細

使用される技術

特記事項

  • CSS3 3Dは、依然として主要なブラウザにより実験的な技術と考えられています。 ここに示したプレビューで調整することができる設定は、作成することができます異なる外観を示しています。 あなたは(つまりは100アイテムなどとのカルーセルを持っている)、プレビューで再現することができない外観を作成したい場合は、我々は技術の制限によってバインドされていることに注意してください、と保証するものではありませんことをしてくださいあなたが使用したい特定の設定は、滑らかなカルーセルの経験を可能にします。

  • (:保存-3D具体的には、 変換スタイルを;)IE10 +はCSS3 3Dの一部をサポートしていますが、仕事へのカルーセルのために必要とされる重要な部分はサポートされていません。 IE10 +は、このためのサポートを追加したとき、私はカルーセルを更新します。 それまではIE10 +を含むIEのすべてのバージョンは、代替のグリッドが表示されます。

  • すべてのカルーセルコントロールとCodeCanyonにここに示されているプレビューがダウンロード元に含まれていますが、これらのコントロールを持つことが、あなたのウェブサイトの訪問者のために重要であると考え、何らかの理由であれば、自分のプロフィールページから私にメールを送ること自由に感じていないと私」あなたのプレビューのソースファイルを送るでしょう。

  • プレビューに使用されている画像は、デモンストレーションの目的のためのもので、ダウンロードソースに含まれていません

  • これはWordPressのプラグインではありません

CodingJackのその他の作品

jQueryのギャラリー

jQueryのバナーローテータ

jQueryのバナーローテータ

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

プロパティ

作成:
4 9月12日

最終更新日:
1 12月13日

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

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

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

キーワード

eコマース, eコマース, 全商品, 3D, 3Dカルーセル, 3Dトランスフォーム, 回転木馬, CSS3, CSS3の変換, CSS3トランジション, HTML5, アイコン, jqueryの, jQueryのカルーセル, メニュー, サムネイルのギャラリー, サムネイルメニュー, サムネイル