問題タブ [jssor]

Jssor 自動再生が機能しません。ドラッグまたは矢印ナビゲーションの後に機能しますが、ページが読み込まれると機能しません。

Chrome コンソールにいくつかのエラーが表示されます。

キャッチされないエラー: jssor スライダーをスケーリングできません。「外側のコンテナー」の「高さ」が無効です。「外側のコンテナ」の「高さ」は正の数でなければなりません。例: '高さ: 300px;' jssor.core.js:68 2 「dppx」単位の使用を検討してください。CSS の「dpi」は、物理インチあたりのドットではなく CSS インチあたりのドットを意味するため、画面。メディアクエリ式: 画面のみと (-webkit-min-device-pixel-ratio: 1.5)、画面のみと (最小解像度: 144dpi)

どこでもチェックされ、高さはどこでも 300px です。JSにも触れていません。すべての設定は、構成とサイト管理パネルで行われます。私が理解しているように、外側のコンテナは正しいです：

スライダー構成:

助けてください:) 自動再生を機能させるにはどうすればよいですか? :)

サムネイル ナビゲーターのサムネイル画像をクリックすると、クリックされたサムネイルに到達するまで、各画像を強調表示する画像に移動するアニメーションがあります。他のサムネイルの強調表示効果を削除したいと思います。サムネイル ナビゲーターのさまざまなオプションを変更しようとしましたが、この効果を削除できませんでした。

まず第一に、私は言わなければなりません：

なんと幻想的なソフトウェアでしょう！

適切に設計、実装、文書化されており、非常に多くの優れた機能があります。

それをオープンソースとして提供してくれたタンクはたくさんいます！

これで、「Gambio GX」ショップシステム (非常に高度な osCommerce フォーク) のスライダー実装を作成しました。

ここで実際に見ることができます: http://marmorkamin-shop.de/Test/

利用可能なすべての画像変換 (377) とキャプション アニメーション (438) を使用しました。どちらもスライドごとにランダムに選択されます...

(結果として、163,618 (!) 通りのスライドの変更方法が発生します....)

スライダーは、ショップ データベースのスライド情報に基づいて、PHP で動的に生成されます。

このような環境ではインライン スタイルは非常に柔軟性がないため、スタイリングをスタイルシートに移動しました。

それはすでに魅力のように機能します....

私が遭遇している2つの問題：

キャプション領域が切り取られることがあります (この図の最初のキャプションを参照してください:スクリーンショット)

ブレット ナビゲーターのブレット 1、2、および 3 のみがアクティブで、その他は応答しません。

この理由は何ですか??

この素晴らしいソフトウェアに感謝します。

編集：

キャプション領域が切り取られることがあります (この写真の最初のキャプションを参照してください: スクリーンショット)

その間、これに対する迅速で汚い解決策を見つけました：

clip: auto !important;キャプション要素に CSS direktice を割り当てます...

しかし、私はより良い解決策があるに違いないと確信しています:-)

「$PlayOutMode」を「0」に設定しました。これにより、ドキュメントからわかるように、キャプション再生アニメーションが防止されます。

ただし、キャプションの再生はまだアニメーション化されています...

私は何を間違っていますか？

amナビゲーションも「自動再生」で使用されるトランジションを使用することがすでに何度か提案されています。

スライドを移動するだけの現在の処理は、スライダーの動作の「ルックアンドフィール」を壊すため、それをサポートしたいと思います。

「スワイプ」と「ドラッグ」はそのままでかまいません。

オプションで設定可能かも???

コードでそれを自分で解決しようとしましたが、これまでのところ惨めに失敗しました:-(:-)。

まず第一に：素晴らしいプラグイン。ありがとうございました！

1) イメージ ギャラリーなどのサムネイルを含むスライダーの場合、特定のサムネイルを選択すると、 が使用されているように見えますPlayTo()。そのサムネイルのスライド全体を表示するには、すべてのサムネイルGoTo()の代わりにどのように使用すればよいですか?PlayTo()

2) $AlignThumbnailNavigatorOptions または Slider Options に適用されるものは何ですか?

3) $StepsArrowNavigatorOptions に適用されるものは何ですか?

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

$DisplayPieces を 2 に設定すると、サムネイルの 2 行目 (左から 2 番目のサムネイルから始まる) をクリックすると、前のサムネイルのスライドに移動するという奇妙なバグがあります。

問題の JSSOR スライダーへのリンクは次のとおりです: http://antony.dreamhosters.com/our-team.html

$DisplayPieces を 1 に設定すると、正常に動作します。矢印ナビゲーターは正常に動作します。また、自動再生の場合は問題なく動作します。

これを引き起こしている可能性のあるアイデア、またはさらにデバッグするための提案。

前もって感謝します！

この例のように、一度に 3 つのスライドを表示するように jssor スライダーを設定しました。それはうまく機能しますが、4つのスライドがあるとしましょう。スライドの最初のページには最初の 3 つのスライドを含め、2 番目のページには 4 番目のスライドのみを含めたい (1 2 3) (4 )。代わりに、2 ページ目がループし、最初の 2 つのスライド (1 2 3) (4 1 2) が含まれます。

最初の 2 つのスライドが 2 ページ目に含まれないようにする方法はありますか? 私の最初の考えは、そうでなければ最初の 2 つのスライドで占められるスペースを埋める空白のダミー スライドを作成することでしたが、欠けていた JavaScript に行があることを望んでいました。何か案は？

スクリプト www.multi-head.pl を貼り付けたページへのリンクは次のとおりです。

シャウト ボックスの上に幅 1172 ピクセルの大きなバナーが表示され、コード内の他のユーザーと一緒にアニメーション化したいと考えています。問題は、スライダーが画像を表示しているが、開始したくないということです。

これは、コードを内部に貼り付ける方法ですか？

誰も手がかりを持っていますか？