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

jSimplePresentation

— アドオンWorldWideScripts.netへ

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

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


jSimplePresentation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

こちらの商品は、jQueryのプラグインとして提供され、スライドショーの新しいビジョンを表します。
可能な用途のいくつか:

  • あなたのアイデアを提示するために、パワーポイントの代わりにそれを使用するには
  • 製品、ウェブサイトを宣伝したい場合は...
  • HTML設計ブックを作成するには
  • などなど

特徴

  • これに加えて、他のプラグインを使用すること
  • ページを無制限にロードできます
  • それはあなたが望むものを含んでいることができます(ページは、単純なdiv要素です)
  • ページ(ページの中央)は、自動的にブラウザでサイズ変更されます
  • 完全かつ簡単にカスタマイズ
  • 非常に使いやすいです
  • キーボードナビゲーション(左/右/ SPACE / L)
  • スライドショーオプション
  • 自動再生オプション
  • ループオプション
  • 画像プリロードオプション
  • (保護された入力制御を備え​​た)特定のページに移動します
  • 有効なW3C
  • 確かのiOS(iPhone / iPadアプリ)やAndroid上で動作します
  • 3つのテーマが含まれる(グレー、ブルー、オレンジ)
  • 4遷移プリセット
  • あなたは、プラグインの呼び出しで単純な関数を使用して独自の移行を書くことができます
  • トランジションは、次と前のアクションのために異なる場合があります
  • まあ、コメント(コードのほとんどのアクションはコメントを含めます)

それを使用する方法

JS -構文
 $(文書).simplePresentation({ 自動再生:ブール、 ループ:ブール、 intervalTime:整数、 プリロード:ブール、 transitionFct:関数 }); 

JS -プリセットの移行と例
 VARのtransitionFunction =関数(ELT、ソース、transitionTime){ Transition.opacity(ELT、ソース、transitionTime)。 }; $(文書).simplePresentation({ 自動再生:偽、 ループ:偽、 intervalTime:2000、 プリロード:偽、 transitionFct:transitionFunction }); 

JS -私たちが書く遷移に例
 VARのtransitionFunction =関数(ELT、ソース、transitionTime){ elt.css(「不透明度」、「0」)。 //私たちは次のページに行くなら 場合(ソース== "RIGHT"){ elt.css(「marginLeft」、「100%」)。 elt.animate({ 「不透明度」:1、 「marginLeft ":" 0px " }、transitionTime)。 }他{ elt.css(「marginRight」、「100%」)。 elt.animate({ 「不透明度」:1、 「marginRight ":" 0px " }、transitionTime)。 } }; $プレゼンテーション= $(文書).simplePresentation({ 自動再生:偽、 ループ:偽、 intervalTime:4000、 プリロード:trueの場合、 transitionFct:transitionFunction }); 

HTML
 の<divのid = "コンテナ"> の<divのid = "ページ1"> ... </ DIV> の<divのid = "ページ2"> ... </ DIV> </ DIV> 
ID = "pageX」の各divがページを表しています。
各ページは、「ページ」で始まるIDを持っている必要があります。

推奨ブラウザ

この商品は、次のブラウザで動作します。
  • Firefoxの4+
  • IE7 +(以下V.9よりIE用分離CSSスタイルシートを使用しています)
  • オペラ
  • クロム
  • サファリ

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

プロパティ

作成:
15 12月11日

最終更新日:
N / A

高解像度:
いいえ

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

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

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

キーワード

eコマース, eコマース, 全商品, アニメーション, 設計, パワーポイント, プレゼンテーション, スライダー, スライドショー, トランジション