問題タブ [unslider]

多くの画像を含むスライダーショーに unslider を使用しています。

プラグインは既に正常に動作していますが、理由がわかりません。Im の遅延と速度のオプションが正しく機能しません。

バナー画像を 7 秒ごとに変更したいのですが、3 秒の遅延が必要です。そこで、速度を 7000 (ミリ秒) に設定し、遅延を 3000 に設定しました。しかし、うまくいきません。jQueryスクリプトで設定した速度と遅延が得られません。

ここで何が起こっているのかを理解するために、誰か助けてくれませんか?

私は私の例でこのフィドルを持っています: http://jsfiddle.net/bdmU4/3/

以下に、unslider プラグインを開始するための jQuery を示します。

そして、ここに私のhtmlがあります：

現在、unsliderを使用して、Web ページ ( http://fths.convoke.info )に全幅のスライダー ヘッダーを作成しています。私が設計した寸法 (1920x450) では問題なく動作しますが、解像度が異なると、状況が変になります。見てみましょう：

背景画像は、幅が画面に収まるように比例してスケーリングされますが、実際のli要素の高さは固定されており、サイズは変更されないため、図に示されているギャップが残ります。

スライダー設定自体の HTML は次のとおりです。

そしてCSS：

min-heightと のさまざまな組み合わせを試しmax-heightましたが、実際には機能しませんでした。高さには何らかの値が必要です。そうしないと、li要素自体が折りたたまれます。background-size:coverも有望に思えますが、画像はまったくスケーリングされず、非常に狭い解像度では見栄えが悪くなります。

liこれを機能させるには、背景画像と同じ相対的な比率を維持するように高さを設定する方法が必要だと思います。CSS でこれを行う方法はありますか、それとも何かスクリプトを作成する必要がありますか? を使用して高さを「設定」するこの方法を見つけましpadding-top:x%たが、スライドの数によってスライダーの実際の幅が変化するため、これが問題になると思います。

unsliderコンテナ内でヘッダーテキストを次々とフェードインする関数を呼び出そうとしていました。最良の方法は、各スライド トランジションが完了した後におそらく関数を呼び出すことです。

しかし、Unslider の「complete」オプションを使用して呼び出された関数を取得できないようです。

次のコードでも機能しません。

スライダーは正常に動作していますが、ヘッダー テキストをアニメーション化する機能はトリガーされません。

Unslider Web サイトの指示に従って HTML をセットアップしました

私は自分が間違っていることを本当に理解していません。誰かが私に道を教えてくれれば幸いです。

前もって感謝します！

私はいつもstakoverflowに来て、ここで貴重な助けを見つけることがよくあります!

答えが見つからなかったので、私は今自分自身に質問があります...

私は Unslider スクリプト ( http://unslider.com/ ) を使用しており、動作するようになりました (そうするのに苦労しましたが、ここでも関連する質問を閲覧する貴重な助けになりました)。

...しかし、IE で小さな配置の問題が見られます (私は 9 つしか持っていませんが、エミュレーターでもテストしましたが、同じ問題を示しています):

最初のスライドでは、1 ピクセルの位置ずれがあります (スライドの右側では、次の画像から 1 ピクセルが見えます)。これは、スライドが通過するにつれて増加します（私は32枚のスライドを持っています）...したがって、スライドショーの終わりまでに、ずれは40ピクセル程度になります...

テストの URL は次のとおりです: http://coresaocubo.pt/varchotel/html/galeria.html

私の画像は 900 x 400 px です...そして、私が使用している CSS の配置は次のとおりです。

この「グリッチ」以外は、結果に満足しています。どこかで初歩的なミスを犯しているに違いありませんが、それを理解することはできません...助けてください。

どうもありがとう！

アナ

Unslider を使用しており、1 つのページに複数のスライダーがあり、すべて同じクラスのスライダーを使用しています。ドットを介してナビゲートする場合、スライダーは機能しますが、次と前のボタンは機能しません。ページにスライダーが 1 つしかなく、console.log を実行した場合

「Unslider」を取得します

ページに複数のスライダーがある場合、「未定義」になり、「次へ」または「前へ」をクリックすると

Uncaught TypeError: 未定義のプロパティ 'next' を読み取れません Uncaught TypeError: 未定義のプロパティ 'prev' を読み取れません

私はそれが私がこれを書いている方法と関係があると仮定しています:

誰か助けてくれませんか？私はjsの専門家ではないので、簡単に解決できると思います。

必要に応じて、私のhtmlはかなり基本的です。

Unslider を使用して無限スクロールを機能させることができた人はいますか?

http://unslider.com/

どうやら、github の dev ブランチには、無限スクロール (スクローラーが常に左にスクロールし、スライド 1 に戻らない) を含むコードがありますが、これをまったく機能させることができません。

github からコードを組み込むと、無限スクロールでは機能しますが、ページネーションのドットが壊れます。

ドットは表示されますが、すべて順不同です。

現在、5 つのスライドがあります。

最初のロードでは、スライド 1 とドット 1 がアクティブです

スライド 2 では、ドット 3 がアクティブです

スライド 3 では、ドット 4 がアクティブです

スライド 4 では、ドット 5 がアクティブです

スライド 5 では、ドット 5 がアクティブです

繰り返しの後、スライド 1 でドット 5 がアクティブになります。

誰でもオンラインの実例を知っていますか? 私は検索しましたが、何も見つかりません。この質問をする人は、github に再度参照されます。

これについても github で問題を公開しましたが、実際の例を知っている人がいれば、参考になるでしょう。