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

jQuery Homepage Banner Slideshow / Product viewer

— アドオンWorldWideScripts.netへ

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

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


jQuery Homepage Banner Slideshow / Product viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

このファイルには、イントロとして使用できるにもかかわらず、ホームページのバナー、スライドショー、製品ビューア、ギャラリーのために適しています。 すべてのアニメーションはカスタマイズ可能ですので、それのバナーのいずれかのタイプに適しています。 各スライダ上の層の任意の番号を使用することができます。 あなたは、位置決めし、データ属性を使用して、簡単にそれぞれの層間隔ができます。 ダウンロードしたファイルでは、5つのデフォルトのサンプルは、別のHTMLファイルで提供されています。

これは、アプリ、IOSとAndroidデバイスを含む、すべてのブラウザでうまく機能

ほとんどすべてのオプションは、ソースコードを編集せずに、このスライダーをカスタマイズするために利用可能です

デスクトップとタッチスクリーンデバイスの両方の画面の機能をタッチ

それは(透明画像形式を含む)複数のdiv、画像、ビデオ、YouTubeやSWF(フラッシュファイル)であってもよい事業部の任意のタイプのコンテンツを使用してください

ユニークな特徴:

  • 各画像とテキストのための位置合わせが簡単、間隔とアニメーションの方向
  • イン/アウトアニメーション方向のいずれかのタイプを選択するオプション
  • アニメーション来距離を設定するオプション
  • アニメーションを移動する背景パターン
  • /アウト各divのための時間を中に設定するオプション
  • スライドごとにスライドショーの遅延時間を設定するオプション
  • /無効のデスクトップにドラッグを有効にします
  • 各スライドに無制限の画像やテキストをサポート


点線ボタン:
  • [Next(次へ)ボタンデザインが点在し、ボタンの3種類が用意されています
  • 整列と間隔オプションを使用してナビゲーションを配置
  • 表示/、点線次へ]ボタンと[戻る]ボタンを非表示にします
  • 有効/ナビゲーション自動非表示を無効にします

サムネイル ​​:

  • 次と前のボタンでサムネイルを表示するオプション
  • 簡単にCSSを使用して、サムネイルの幅と高さを変更することができます
  • サムネイル境界線の色、境界線のサイズ、サムネイルスペースにサムネイルがCSSファイルを介して制御されています
  • サムネイルは、バナー幅に自動的に適合しています。 また、サムネイル表示領域を変更することができます
  • CSSファイルを介して、色合いの画像やコントロールの上にサムネイルにマウス、あなたはまた、色の代わりに画像を使用することができます
  • どこにでも合わせと間隔のオプションを使用してサムネイルを配置
  • あなたは、両方のドットボタンとサムネイルを表示することができます


その他の特長:
  • ユーザーがバナーを打ったときスライドショー一時停止はそれ以外の場合は果たし続けます
  • サンプルの5種類が利用可能です
  • すべてのブラウザをサポート
  • Cufonフォントのサポート
  • あなたはdivの内側に配置何かをアニメーション化することができます

あなたの携帯電話でデモを見ます

プラグインのコードでは、変数の下に使用してスライドショーをカスタマイズすることができます

 jQueryの(関数($){ $( '#のjq_fmslideshow')。fmslideshow({ banner_width: ""、 banner_height: ""、 image_sprite:「fmslideshow_assets / sprite.png」、 image_background: ""、 image_topShadow: ""、 image_bottomShadow: ""、 image_loader:「fmslideshow_assets / loader_img.png」、 background_fullScreen:偽、 background_mo​​ve:偽、 background_mo​​veDistance:1250、 buttons_type:0、 buttons_autoHide:偽、 buttons_align:「BC」、 buttons_spacing:「15.0」、 button_nextPrevious_type:0、 button_nextPrevious_autoHide:trueの場合、 button_next_align:「RC」、 button_next_spacing:「20.0」、 button_previous_align:「LC」、 button_previous_spacing:「20.0」、 dotButtons:偽、 button_next_previous:偽、 thumbnails_align:「BC」、 thumbnails_spacing: "-75,0」、 thumb_next_preious_width:38、 スライドショー:偽、 slideShow_delayTime:2、 desktop_drag:真 default_data_align:「LC」、 default_data_spacing:「70,0」、 default_data_inOutDirection:「LR」、 default_data_inOutDistance: "60" }); }); 


サンプルスライドショーコード
 <! - スライド1 - > <div> <IMGデータ-ALIGN = "BL"データ間隔= "0.50"データinoutdirection = "BB"データinoutdistance = "50"データSTARTTIME = "0"データstaytime = "5"データanimationspeed = 「700」のデータeasein = "easeOutQuart"データeaseout = "easeOutSine"クラス= "imgSty" SRC = "画像/ image2.png" ALT = "fmslideshow" /> <divのデータ-ALIGN = "TR"データ間隔= "70,0"データinoutdirection = "RL"データSTARTTIME = "5"データstaytime = "6"データanimationspeed = "400"データeasein = "easeInQuart"データeaseout = "easeOutSine"クラス= "divStyle"> <スパンクラス= "txtLarge">カスタマイズアニメーション</ span>の </ DIV> <divのデータ-ALIGN = "TR"データ間隔= "20.0"データinoutdirection = "LR"クラス= "divStyle"データinoutdistance = "60"> <スパンクラス= "txtMedium"> /アウト方向に - アライメント - 間隔</ span>の </ DIV> </ DIV> 
完全なヘルプ文書は、ダウンロードファイルに含まれています

2013年10月6日に更新します。マイナーバグを修正

23-11-2012に更新します。IE10バグを修正









このファイルについての質問がある場合は、私を通して私に連絡プロフィールページ

私の他のファイルをチェックアウト:

















私のFlashファイルをチェックアウト:

アコーディオン水平垂直画像テキストアニメーション







カルーセル-3-タイプ - 画像 - 製品 - ビューア

アコーディオン水平垂直画像テキストアニメーション


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

プロパティ

作成:
10月10日11

最後の更新:
6月11日13

推奨ブラウザ:
IE6、IE7、IE8、IE9、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS、レイヤーPSD

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

キーワード

eコマース, eコマース, 全商品, バナー広告, バナー回転子, 画像スライダー, レイヤーアニメーション, 製品ビューア, サイズ変更可能な, シンプルなスライドトランジション, スライドショー