問題タブ [responsive-slides]

こちらからオリジナルファイルをダウンロードして実装しましたが、再生されません。

興味深いことに、pancakeapps を使用して Dropbox でファイルをホストすると、うまくいきます。Google でホストしているときにスクリプトを使用できない理由はありますか?

私は Full-Width-Responsive-jQuery-Slider-Banner-Rotator-Plugin を使用していました

全画面幅を取得するために、これを自分のウェブサイトに実装しましたが、これで問題が発生しました。

画像には5つのドットがあります。スライダーはドットの順序に従って画像を表示しています。スライダーのいずれかのドット（つまり、4番目のドット）をクリックするたびに、そのドットから継続していません（つまり、ない4 番目の後に 5 番目の画像を表示する代わりに、以前の場所からドットの順序に従っています (つまり、2 番目の画像を表示しています)。

どんな助けでも大歓迎です。

html コード:

プラグインの呼び出し:

Jクエリコード:

Jimdo でResponsiveSlides.jsを使用したいです。

jimdo ページのヘッダーを変更するにはどうすればよいですか?

私は優れた bigSlide.js オフスクリーン スライド パネル ナビゲーション プラグイン (以下のリンク) を使用しています。モバイル デバイス (iPhone 5) でページを上下にスクロールすると、断続的な問題が発生します。それにパターン。申し訳ありませんが、現時点ではこれ以上診断する​​ことはできませんが、問題を再現したい場合は、以下のリンクを参照してください。このプラグインを使用して同様の問題に遭遇した人はいますか? アイデアについてプラグインの作成者に連絡を取ろうとしましたが、まだ返答がありません。

アクション中のプラグイン http://isodo3d.atelierhq.com/

bigSlide.js http://ascott1.github.io/bigSlide.js/

次のCSSがトリガーされることと関係があるに違いないと確信しています

最初に私の悪い英語を許してください、私はフランス人です。がんばります！初めて私の問題に対する答えが見つからないので、私は今日ここにいます。月曜日、ウェブサイトのデモを見せる必要があり、パニックになり始めました。

だから、私はrotate (45deg). この div 内に、インライン ブロックに 2 つの div 他の div があります (css 回転 ( -45deg )。左側にスライダーがあり、右側にテキストとショートカットがあります。今日、スライダーを左側の位置に結合しました (I joomla で作業します。問題なく動作しますが、スライド トランジションに問題があります。「次へ」または「前へ」をクリックすると、トランジションの間、グローバル div (メイン コンテナ) がぼやけます。テキストを正しい位置に配置します (違いがよくわかります)。

たとえばフィドル：

http://jsfiddle.net/asakuras/8Pk3S/11/

例えば写真：

クリック前とクリック直後、トランジション中:

http://www.morgann-c.com/tools/js/bug.jpg

説明:

私はそれをきれいにする多くの可能性をテストしましたが、現時点では解決策はありません. スクリプト ( Respondslides.js ) では、トランジションは不透明度によって削減されます。スクリプトの 71 行目に opacity の設定があります。

非表示クラスの不透明度を0に変更すると、遷移はありませんが、バグは消えます! これはCSSの不透明度遷移の問題だと思います。すべての div の回転を削除すると、バグも消えます。すべてのCSS変換をテストしましたが、結果はありません...

私はこのバグに 3 日間取り組んでおり、解決策を迅速に見つけることが私にとって非常に重要です... 誰かがこの問題をすでに抱えている場合は、私が引き受けます!

良い週末をお過ごしください。よろしくお願いします...

編集 //// ：

Firefox 30 : クリックすると「ぼかし」
Chrome 35.0.1916.153 : ページ読み込み時にどこでも「ぼかし」
IE 11 : 問題も「ぼかし」もなく、すべてが完全に機能します。

フクロウ カルーセルを使用して、メイン ページにギャラリー カルーセル/スライド ショーを作成しています。http://owlgraphic.com/owlcarousel/

ただし、レスポンシブで画像のサイズを変更するのではなく、幅を特定の最大「トリミング量」まで均等にトリミングする必要があります。ここまでのコードです。

カルーセル div #home-carousel をターゲットにしようとしましたが、すべてのラッパー、アイテム、img、どれも思いどおりに機能していないようです。ページの右側に常に画像が重なっているか、この白いブロックがあります (画像が左に移動しています) #home-carousel div の幅を 10,000 のように非常に大きくすることでうまくいきましたが、ページに水平スクロールバーが表示されるため、これは適切ではありません。

たぶん、これを行うためのはるかに簡単な方法がありますか？

編集: サイズを小さくしている間は、img を移動するのがこれまでのところ最もうまく機能しますが、サイズを大きくしている間は画像が重なっているのを見ることができます。これは、「リフレッシュ レート」またはサイズ変更イベントがトリガーされる頻度が原因である可能性があります。アイテムを手動で非表示にして、現在のアイテムのみを表示する必要があると考えています。他の解決策は大歓迎です。