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

Slider

— アドオンWorldWideScripts.netへ

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

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


Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

スライダーは、あなたがしたいウィンドウのサイズに収まらないhorizo​​ntaly整列コンテンツを持つことができます。 必要な数のアイテムを置くことができます。 アイテムは、画像、ラベルとリンクで構成されています。 あなたがすべてにも、1つまたは2アイテムにリンクテキストを上書きすることができますしたい場合。

使い方

PrototypeJSとScriptaculousの(効果+ dragp&ドロップ)を含めた後、ファイル slider.js(オブジェクト)とファイル slider.css(スタイル)が含まれます。

そして、ちょうど窓の負荷でこのようなものが含まれます:

 新しいスライダー({ 「スライダー」:「スライダー-TEST1」、 「アイテム」:[ {"ファイル": "heroes.jpg"、 "ラベル": "英雄"、 "リンク": "http://www.hulu.com/heroes"}、 {"ファイル": "prisonbreak.jpg」、「ラベル」:「プリズンブレイク」、「リンク」:「http://www.hulu.com/prison-break"} ] }); 

このコードは、IDが「スライダー-test "を持つ要素上のスライダを作成します。 英雄とプリズンブレイク:それは2つの項目があります。

スライダーオプション

次のリストは、スライダに利用できるすべてのオプションを示しています。
  • スライダー -スライダー親オブジェクトまたはID
  • itemWidth -スライド幅(デフォルトは320です)
  • itemHeight -スライドの高さ(デフォルトは200です)
  • パス -スライド画像パス(デフォルトは「画像/」)
  • linkText -スライドデフォルトのリンク・テキスト(デフォルトは「探検」です)
  • アニメーション -スライダーをアニメーション化( デフォルトはtrue)。 あなたがドラッガをクリックするまでスライダはスクロールを続けます。
  • animationDelay -アニメーションの間の時間(秒)( デフォルトは5です)
  • slideDelay -スライド効果の時間(秒単位)( デフォルトは1)
  • slideLoop -最初に最後の項目に到達し、ループ? ( デフォルトはtrue)
  • onClickの -アイテム・リンクをクリックしたときに呼び出されるイベント(デフォルトはnoneです

代わりに、各項目へのリンクを提供する特定のアイテムまたはデフォルトのコールバックをクリックすると、あなたはコールバック関数を設定することができます。 あなたはデフォルトのコールバックを設定した場合、それは常に呼び出され、何のリンクが使用されないことに注意してください。

 新しいスライダー({ 「スライダー」:「スライダー-TEST1」、 "のonClick":機能(アイテム){ 警告( "あなたはアイテムをクリックした「+ item.get("ラベル ")); } 「アイテム」:[ {"ファイル": "heroes.jpg"、 "ラベル": "英雄"}、 {"ファイル": "prisonbreak.jpg"、 "ラベル": "プリズンブレイク"、 "のonClick」:関数(){アラートが("あなたはプリズンブレイクをクリック! "); }} ] }); 

この項目は、特定のコールバックを持っているので、以前のコードでは、デフォルトのコールバックは、「プリズン・ブレイク」のためのアイテム「英雄」のためではなく、呼び出されます。

でデモをご覧くださいhttp://envato.diogoresende.net/slider/


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

プロパティ

作成:
2月24日10

最後の更新:
N / A

推奨ブラウザ:
Firefoxの、IE7、IE8、オペラ、サファリ

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

JSライブラリ:
プロトタイプ1.6、Script.aculo.us

キーワード

eコマース, eコマース, 全商品, バナー, スライディング