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

Vertical Sidebar Gallery - jQuery Slider

— アドオンWorldWideScripts.netへ

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

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


Vertical Sidebar Gallery - jQuery Slider - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

縦のサイドバー・ギャラリーでは、3つの回転度との見事な垂直画像のスライダーを作成するjQueryプラグインとテーマのテンプレートです。 縦のサイドバー・ギャラリーでは、あなたのウェブサイトのサイドバーのための完璧な仲間です。 あなたは、イメージギャラリーや特色ポストスクローラとして使用することができます。 限られたスペースの中で、コンテンツの無制限の量を入れて! あなたは自分のコンテンツのHTMLを生成する必要があるとギャラリーが残りの作業を実行します。 それは、直感的な、トレンディで、任意のWebサイトのユーザーエクスペリエンスを向上させます。

プラグインを使用するには? 基本的にはbasic.htmlファイルで開始することができます。 1.コピーしbasic.htmlファイルからHTML(間...タグコード)。 2.ギャラリースタイルをスタイルシートをインクルード:<リンクのrel = "スタイルシート"のhref = "CSS / style.cssに"タイプ= "テキスト/ CSSの" /> 3. necessare JavaScriptファイルをインクルードします。<script SRC = "jsの/ jqueryの-1.7.1.min.js "> </ script>の<スクリプトSRC =" JS / jqueryの-マウスホイール-3.0.6 / jquery.mousewheel.min.js "> </ script>の<スクリプトSRC =" jsファイル/ flowslider.jquery.js "> </ script>の<スクリプトSRC =" jsファイル/ vsg.flowslider.jquery.js "> </スクリプトjQueryプラグインを呼び出すことでギャラリーを使用して> 4.スタート:<スクリプト> jQueryの()レディ(関数($){$( "VSGラップ。」)VerticalSidebarGallery();}); </スクリプト>

。 "。VSGラップ」。<スクリプト> jQueryの()レディ(関数($){$()VerticalSidebarGallery({接頭辞:「VSG"、// CSSクラスプレフィックスshowHoverBars:本当のあなたのギャラリーをカスタマイズするには、以下のオプションを使用します、//左上ホバーメニューrotateVertical表示するかどうか:水平回転のrotateThumbnailsを使用するかどうか//、真:縦回転にrotateHorizo​​ntalを使用するかどうか//、真の真の、サムネイル回転optionsSliderHorizo​​ntalを使用するかどうか// :水平スライダoptionsSliderVerticalのための{}、//フロースライダーオプション:縦スライダーoptionsSliderThumbnailのための{}、//フロースライダーオプション:サムネイルスライダーのための{} //フロースライダーオプション});}); </スクリプト>

より良い流れスライダーのオプションを理解するには、同社のウェブサイトを訪問することをお勧めします。 たとえば、アニメーションせずにその位置を変更する水平スライダーを作るために、しかしすぐに、ちょうどoptionsSliderHorizo​​ntal設定:{アニメーション: "なし"}

あなたのギャラリー垂直画像ギャラリーがインストールさ5デザインのテーマが付属してカスタマイズします。 .vsg-ネジ無し、.vsg - クローズアップ、.vsg草、または.vsg-コンボ:ちょうどスキンクラスの一つとスライダーの上に要素を作成します。 あなたのデザインが見つからない場合でもねえ、まだ、独自の外観を作成するのは簡単です。 ただ、CSSスキンファイルのいずれかで色を変更します。

あなたが望む任意の幅に縦のサイドバー・ギャラリーを伸ばすことができるあなたのスライダーのサイズを変更します。 ファイブ幅のオプションはあなたのためにインストールされます。.vsg-180、.vsg-200、.vsg-250、.vsg-300。 またはサイズのCSSファイルのいずれかをカスタマイズすることによって、独自のサイズを作成します。

マルチサムネイルは、サムネイルに複数の画像を追加し、無限のイメージローテータは、それらの画像をスクロールするために作成されます。

3イン1スライダ3つのスライダーパワーこのテンプレート:水平パネルのスライダー、縦サムネイルスライダー、横イメージローテータ。

トップナビゲーションは、トップナビゲーションボタンをクリックするか、左上のナビゲーション伝説をホバリングすることによって天板をスライドさせます。

マウスホイールは、マウスのスクロールホイールを使用して、トップパネルの内容をスクロールするスライダーの上にカーソルを置きます。

ブラウザのURLハッシュとギャラリーを通じてコン​​トローラ移動をハッシュ。 たとえば、このページのURLに#3を追加し、それを更新します。

Firefoxのは、Internet Explorer、Chromeの、サファリ、オペラ:ブラウザのサポート垂直イメージギャラリーのように、すべての主要なブラウザをサポートしています。 CSS3トランジション

CSS3のトランジションプロパティをサポートしています。 ハードウェアアクセラレーションCSS3トランジションとスライダーを作成します。

フロースライダーこのテンプレートはendleslyカスタマイズ可能であり、スライド完璧確実に流れスライダー無料jQueryプラグイン、によって供給されています。

カスタマイズ可能なプラグインは、このjQueryプラグインを使用する際のオプションを変更することで、ギャラリーのすべての機能をカスタマイズします。


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

プロパティ

作成した:
3月23日12

最後の更新:
23年3月12日

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

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

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

キーワード

eコマース, eコマース, 全商品, 回転木馬, ギャラリー, 画像, インタフェース, JavaScriptのJS, jqueryの, マウスの移動, 画像, 接続する, プレビュー, 回転子, スライダー, サムネイル, UI, 垂直