問題タブ [jquery-slider]

新しいhttp://www.bbc.co.ukWebサイトにあるようなjqueryスライダーがどこにあるか知っている人はいますか 。スライド自体の実際の機能には関心がありません（つまり、スライド内のすべての画像とリンク）。これは、ナビゲーション付きのフルスクリーンループカルーセルタイプのエフェクトです。

セットアップアンカー リンクをクリックすると左に移動する 5 つ以上の div を備えたフル スクリーンの水平スライダーがあります。私はjqueryの基本的な知識があり、(scrollLeft)を使用しようとしました。しかし、div はラッパー div であり、フロー上に隠れており、実際にはどこにも行きません。

目標は、現在のコンテナーになったときにコンテナー div 内のコンテンツをアニメーション化し、別の div になったときにアニメーションを元に戻すことです。

問題: アニメーションを再生するようになりましたが、いつ開始するかを制御できません。

HTML

JavaScript

これは、ここに投稿された問題に少し似ています:はいまたはいいえのトグルまたはスライダー- しかし、この例では解決策を得ることができません。

ラベルが値 1 - 2 - 3 に対して小 - 中 - 大にデコードされるように変更したい水平インクリメンタル レンジ スライダーがあります。

配列を貼り付けてデコードしようとしましたが、正しく動作させることができません。

これが私がこれまでに持っているものです：

位置 2 から 3 が選択された場合 (デフォルト)、ラベルは「中 - 大」と表示されます。

どんな助けや指示も大歓迎です！

ありがとう

たとえば、 http://littlemonsters.com/のようなページ全体のスライダーを作成することに興味があります。私は彼らのコードを見回して、理解しようとしています

-このページ全体のスライドをどのように作成したか (これは非常に大きなスライダーだと思います)、

-個々の「ページ」が互いに積み重ねられているにもかかわらず（通常のページのように）、スライドすると左右にスライドする方法（スライダー全体の問題の一部だと思います）

多くのスライダー プラグインでは、どうにかしてリスト アイテムを水平化しているようです (一方、手動でスライダーを作成すると、幅 9999 ピクセルのような非常に長い幅の広いリストが作成され、オーバーフローした非表示の表示ウィンドウが表示されます。これはおそらく最善の方法ではありません)。 . 上記のサイトで見つけたいくつかのjsが鍵を握っていると思いますが、よく理解できない/不完全です。

ありがとう！

スライダー ハンドルに div を追加して、その div をドラッグしてハンドルを制御できる方法はありますか? 添付の写真をご覧ください。

ありがとうございました。

2つのスライダーハンドルが<span>追加されています。意味スライダーは付属のスパンでも制御できます。

コードは次のとおりです。

<span>それらが重なり合っている場合（たとえば（0,0））、 「。sidecar2」（黒いもの）が付いているハンドルをドラッグしようとしても、常に赤い<span>が付いているスライダーが移動します。その背後にある理由は、2つの間のコードの最初のハンドルであるということです。

私はそれを修正するために、できる限りのことを試みました。たとえば、2番目の（BLACK）スライダーに手動でクラスui-state-active ui-state-focusを追加しようとしましたが、z-indexを変更しようとしましたが、いずれも機能していません。:(

どんな助けでもいただければ幸いです。

ありがとうございました。

編集： 私が見つけることができる唯一の解決策はここにあります：私はそれぞれに1つのハンドルを持つ2つのスライダーを互いに重ねて作成しました。それは完璧に動作します。

スライドなどのすべてのコールバックメソッドを呼び出すようにデフォルト値を設定するようにjqueryスライダーをリセットするにはどうすればよいですか？

Thnaks

jqueryスパイスクリプトを変更して水平方向に移動するにはどうすればよいですか?(現在は垂直方向に移動しています)。

コードのこの部分で変更を行う必要があると思います。

1.すべての興味深いタイトルのキャッシュをセットアップしてキャプチャし、リストを切り詰めてli要素を制限します

例: http://dart-foto.ru/index_p.php

http://jqueryfordesigners.com/simple-jquery-spy-effect/

jQuery UIのデフォルトの Slider を利用する Web アプリケーションが動作しています。

ユーザーから、スライダーがモバイルでうまく機能しないという苦情が寄せられています (スライダーを機能させるには、ドラッグするのではなく、タップする必要があるようです)。

モバイルでうまく動作する jQuery スライダー プラグインを知っている人はいますか?

明らかに、スライダーを jQuery Mobile フレームワークまたは別のモバイル ライブラリで使用できますが、1 つのスライダーのためだけにモバイル フレームワーク全体をサイトに追加したくありません。

ご協力いただきありがとうございます。

私のワードプレス サイトでは、wootheme のスウォッチ フリー テーマを使用しています。wootheme フレームワークを最新バージョンに更新します。スライド タブに新しいスライドを追加しますが、別のスライドを追加すると、ホームページのスライダーが機能しません。どうすればこの問題を解決できますか。

ここからスウォッチの無料テーマをダウンロードします

私を助けてくれてありがとう