問題タブ [serialscroll]

Ariel Flesler の jquery scrollTo プラグインを必要とするプロジェクトに取り組んでいます: Plugin-website

私は説明に従い、確実にstackoverflowについても調査しました。

次のアプローチは、私には正しいように見えても機能しません。

この時点で、私は目に見えない明らかな間違いを犯していると思います。助けが必要だと思います。

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

頭の中で：

jquery:

マークアップ:

ノート：

コンテナー - 高さ 100px

List-Items - 各高さ 50px

どちらも幅は 100% です。

ここでどこを間違えているのか本当にわかりません。私は何が欠けていますか？

Jquery serialScrollプラグインを使用していて、現在の画像に.activeクラスを追加する水平ギャラリーを作成しました。また、現在の画像のタイトルを取得して、ページの段落タグ内に表示したいと思います。

私のHTML：

私のJavacript：

タイトルを取得するには、どういうわけかこのJavascriptを追加する必要があると思います。

みなさん -- 現在、SerialScroll (および ScrollTo) を使用して、サイトの次の機能と前の機能を強化しています。SerialScroll 内に、最初まで左にスクロールするのではなく、シリーズの最後に到達したときにサイクル パラメーターが右に移動し続けることを可能にする設定はありますか? 4 つのセクション (たとえば、a、b、c、d) がある場合、a --> b --> c --> d --> a --> b --> など、スクロールバックせずに進みます。 aにループするときのcとb。

逆に、ユーザーが前のボタンを使用するときと同じ機能を探しています。たとえば、d --> c --> b --> a --> d --> c --> など、d にループするときに b と c をスクロールして戻ることはありません。

私は AutoScroll オプションを使用しておらず、代わりにユーザーに次または前のボタンをクリックするように要求しています。よろしくお願いします。

2つのプラグインが干渉している可能性がある小さな問題が発生しています。これらは、デフォルトですぐに使用できます。JQuery SerialScrollを使用して水平スクロールプロジェクトを制御し、MediaElement.jsをHTML5ビデオプレーヤーとして使用しています。

MediaElement.jsプラグインを構成すると、JQuery SerialScrollが奇妙に機能し、構成されていない場合のように、前のボタンと次のボタンで次または前のliにスクロールしなくなります。

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

コメントアウトすると、SerialScrollとMediaElement.jsの両方が完全に連携しますが、もちろん、ビデオプレーヤーの機能のいくつかを使用して、必要な方法で動作させる必要があります。

何が起こっているかを示すための2つのリンクがあります。1つ目は、プレーヤーが構成されていない場合にどのように機能するかを示すことです（上記のコードはコメントアウトされています）

http://www.joshmeltzer.com/thesis/working_set/serialscroll_works.html

2つ目は、上記のコードのコメントを外して、その実装を使用しようとしたときです。

http://www.joshmeltzer.com/thesis/working_set/serialscroll.html

各ページは個別のliであり、2番目のリンクではスクロールが移動しますが、非常に奇妙で可変の間隔で...2つのプラグインがどこか深いところで競合していると思いますか？

助けてくれてありがとう。ジョシュ

Web サイトに jQuery プラグインを使用していますが、javascript が得意ではありません。このコードの何がスクリプトをループさせ続けているのでしょうか? どこで止めればよいのでしょうか? それがどこから来ているのか、このスクリプトから来ているのか、それとも他の場所を探す必要があるのか​​ わかりません...

私は私のウェブサイトの1つにserialscrollを実装しました

今、スクロールされている現在の要素/画像を強調表示し、残りの画像については不透明度を70％にしたい

Serialscrollプラグインで可能ですか

前もって感謝します

Prestashop テーマを開発していますが、serialScroll プラグインが製品ページの画像サムネイルに対して機能しません。

このプラグインは、HTML smarty テンプレートも関連する JavaScript コードも変更していません。

serialScroll の .tpl テンプレート (product.tpl) は次のとおりです。

product.js:

この部分に使用されたスタイル:

さらに詳しい情報が必要な場合は、遠慮なくお尋ねください。

前もって感謝します。