2012-01-24 8 views
3

jQueryスライダが必要です。正確に私が必要とするのは次の3つのスライドです。スライド2は、ロード時にページの中央に表示されます。スライド1は左に、スライド3は右に部分的にしか見えません。サイトコンテナの端がそれらの一部を切り落とします。さらに、それらをフェードアウトして、より多くのコンテンツ。誰でもこれを簡単にするjQueryプラグインを知っていますか?うまくいけば、これは意味をなさない...私は私が言っているものの簡単なスケッチを添付しました。皆さんありがとう!jQueryは右のスライダがフェードで表示されます

Example Sketch

答えて

0

何を求めていることは仕事ではなく、質問に対する答えを終了します。

あなた自身でこれを開発したり、いくつかのソフトウェアサイトのいずれかであらかじめ作成されたjQueryギャラリーを見つけることができます。あなたがプロジェクトのための少しの生地を持っているならば(普通$ 10から$ 20)、http://codecanyon.comを試してください。

+0

完成した仕事を求めるのではなく、正しい方向にいくつかのヒントがあります:)私はcodecanyonを見ていきます。ありがとう! – ansarob

0

jQuery用に数百のスライドショープラグインがありますが、あなたのニーズに合った一例はSmooth Div Scrollです。この特定のプラグインを使用していないが、それはおそらく、このようなものになるだろう:私はあなたに事前に作られたプラグインを与えるカントが、私はあなたにこれを行うことができる方法のアイデアを与えるCA

<script type="text/javascript"> 
    $(window).load(function() { 
     $("div#makeMeScrollable").smoothDivScroll({ 
      startAtElementId: "startAtMe", 
      visibleHotSpots: "always" 
     }); 
    }); 
</script> 
0

CSSを使用して、左右のスライダのフェーディングを行います。主なコンテンツでないときにクラスを変更します。上記のプロジェクトのいずれかからスクリプトをスライドさせ、自分でビルドしてください。あなた自身の何かを作る気持ちは至福です!

サイトを効率的にするために追加します。あなたはおそらく10のように言うことができる配列の内容をロードする必要がありますか、または一度に3を表示します。 6つの要素のようなものを見たら、AJAXクエリを作成して配列をもう一度埋めてください。このようにして、ウィジェットはすばらしく見せられ、パフォーマンスは向上します。 :)

1

Infinite Carousel。デモをチェックしてください。あなたは、前後の画像やその他のものをヒントできます。

1

パーソナライズすることができあなたは間違いなくBasic jQuery Sliderにいくつかの変更を行うことによって(全開示を:私は自分自身このプラグインを開発した)これを達成することができます。あなたが「スライド」モードでそれを私たちに渡して、主容器を必要以上に幅広く(前と次のスライドの端を表示するように)変更し、両端に透明なPNG勾配を付けてdivをオーバーレイすると、エッジの効果。

関連する問題