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

Rockstar Slider - jQuery touch slider/gallery

— アドオンWorldWideScripts.netへ

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

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


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

ロックスタータッチスライダーは、シンプルでミニマルなスライダーやスライドショーを作成するためのスクリプトです。 ここでは、ここで周囲の他のスライダーとは異なる方法であります:

軽量

スクリプトのサイズは5キロバイトだけで、何のCSSファイルはありません!

流体/応答

スライダーは、親要素の単に幅と高さを取る能力を有します。 どのあなたの側が流体と応答する場合、スライダーも同様であることを意味します。 また、手動で固定幅と高さにスライダーの主をスタイルすることもできますし、何が必要。 これは、柔軟に構築されています!

使用する超簡単

<div class="slideshow"> <div /> <div /> <div /> </div>

つまり、スライドショーを動作させるために必要なすべてのです! いいえjavascriptのコードは必要ありませんし、外部CSSファイルされています。 あなたがする必要があるのは、クラス "ロックスター・スライダー」でHTMLコードを入れて、スクリプトなどがあります。 それは残りを行います。 ロックスタータッチスライダーが使いやすいようにゼロから設計されています。

自然アニメーション&ムーブメント

スクリプトは、それができるだけ自然に移動させるために、速度検出と慣性のような小さな機能が満載されています。 これは、タッチスクリーンデバイスを照らす、あなたがマウスを使用するときと同じようにクールに見えます。

画像:塗りつぶしやフィット?

多くのスライダーとの共通の問題はあなたがスライダーと全く同じ大きさの画像を持っている必要があるということです。 いいえ、それはここではそうではないのです。 どんなに画像が何であるかを割合またはサイズ、彼らは常にスライドを満たしません。 あなたはこのような画像にクラスを追加します。

<img src="image.png" class="fill" />

あなたがイメージがピクセルを失うない、スライド内に収まるようにしたい場合は別の方法として、「フィット」クラスを使用することができます。

変更ログ

1.0.3 - 2015年9月21日

  • タッチイベントは、特定の携帯電話のブラウザでは動作しないバグを修正しました。

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

プロパティ

作成:
9月18日12

最終更新:
9月23日15

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

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

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

キーワード

eコマース, eコマース, 全商品, 流体, ギャラリー, 画像, 画像, ミニマル, フォト, 写真, 反応します, 簡単, スライダー, スライドショー, 触れます, タッチスクリーン