jQueryスライダが必要です。正確に私が必要とするのは次の3つのスライドです。スライド2は、ロード時にページの中央に表示されます。スライド1は左に、スライド3は右に部分的にしか見えません。サイトコンテナの端がそれらの一部を切り落とします。さらに、それらをフェードアウトして、より多くのコンテンツ。誰でもこれを簡単にするjQueryプラグインを知っていますか?うまくいけば、これは意味をなさない...私は私が言っているものの簡単なスケッチを添付しました。皆さんありがとう!jQueryは右のスライダがフェードで表示されます
答えて
何を求めていることは仕事ではなく、質問に対する答えを終了します。
あなた自身でこれを開発したり、いくつかのソフトウェアサイトのいずれかであらかじめ作成されたjQueryギャラリーを見つけることができます。あなたがプロジェクトのための少しの生地を持っているならば(普通$ 10から$ 20)、http://codecanyon.comを試してください。
jQuery用に数百のスライドショープラグインがありますが、あなたのニーズに合った一例はSmooth Div Scrollです。この特定のプラグインを使用していないが、それはおそらく、このようなものになるだろう:私はあなたに事前に作られたプラグインを与えるカントが、私はあなたにこれを行うことができる方法のアイデアを与えるCA
<script type="text/javascript">
$(window).load(function() {
$("div#makeMeScrollable").smoothDivScroll({
startAtElementId: "startAtMe",
visibleHotSpots: "always"
});
});
</script>
。
CSSを使用して、左右のスライダのフェーディングを行います。主なコンテンツでないときにクラスを変更します。上記のプロジェクトのいずれかからスクリプトをスライドさせ、自分でビルドしてください。あなた自身の何かを作る気持ちは至福です!
サイトを効率的にするために追加します。あなたはおそらく10のように言うことができる配列の内容をロードする必要がありますか、または一度に3を表示します。 6つの要素のようなものを見たら、AJAXクエリを作成して配列をもう一度埋めてください。このようにして、ウィジェットはすばらしく見せられ、パフォーマンスは向上します。 :)
Infinite Carousel。デモをチェックしてください。あなたは、前後の画像やその他のものをヒントできます。
これは非常に簡単であり、容易にhttp://oslide.andresbott.com/
パーソナライズすることができあなたは間違いなくBasic jQuery Sliderにいくつかの変更を行うことによって(全開示を:私は自分自身このプラグインを開発した)これを達成することができます。あなたが「スライド」モードでそれを私たちに渡して、主容器を必要以上に幅広く(前と次のスライドの端を表示するように)変更し、両端に透明なPNG勾配を付けてdivをオーバーレイすると、エッジの効果。
- 1. jQuery UIスライダが表示されない
- 2. フェードは右CSS
- 3. p:スライダが表示されない
- 4. モーダルブートストラップを表示またはフェードした後のJQueryイベント
- 5. jQuery UIダイアログ右上のボタンを表示しますが、xは表示されません
- 6. jqueryスライダの画像がクリック時に表示されないようにする
- 7. jQueryの画像Nivoスライダがロードされているときに望ましくない表示されます
- 8. Jquery uiスライダのハンドル表示オーバーハンド
- 9. フェードする前に簡単なフリッカーのために表示されるJqueryイメージ
- 10. revスライダjavascriptがワードプレス検索結果に表示されます
- 11. jQueryスライダのノブに現在のスライダの値を表示する方法は?
- 12. typescript angleディレクティブのJQueryスライダが正しく表示されない(C#)
- 13. jqueryのパフォーマンスが表示されます
- 14. jQueryのスクリプトエラーオブジェクトが表示されます。
- 15. ドロップダウンメニューの項目は右に表示されますが、下には表示されません。
- 16. Divスクロール左または右クリックごとに右に表示Jquery
- 17. 右クリックするとリロードページが表示されますが、コンテキストメニューは表示されません
- 18. ブートストラップモーダルオープニングは1つだけです - 他のものはフェードしますがモーダルは表示されません
- 19. ツールチップが右に表示されない
- 20. ページスクロールビュー内のすべてが右に表示されます
- 21. jqueryレスポンスでスライダを表示できません
- 22. jQueryオートコンプリートではコンソールに結果が表示されますが、ドロップダウンでは表示されません。
- 23. jQueryがスクロールに表示されます
- 24. ナビゲーションビュー項目のActionLayoutが右側に表示されます
- 25. 右サイドバーがコンテンツの下に表示されます - Drupal Zen Subtheme
- 26. ブートストラップパネルの右中段左にアレンジテキストが表示されます。
- 27. 画像スライダに白いページが表示されるのはなぜですか?
- 28. Cakephp 2.0 Jqueryはレイアウトでは表示されますが、表示されません。逆の場合は
- 29. モーダルダイアログが表示されている間に背景をフェードします
- 30. jQueryで選択されたデフォルトオプションが表示されます
完成した仕事を求めるのではなく、正しい方向にいくつかのヒントがあります:)私はcodecanyonを見ていきます。ありがとう! – ansarob