画像スライダー付きのワードプレスサイトがあります。ある時点で、この画像スライダーのトランジションがおかしくなりました。問題の画像スライダーは flexslider です。私はそれをjquery cycle liteに置き換えようとしましたが、その場合、同じずさんな移行がそれに影響を与えていることがわかりました. これは、それがどこかで紛争と関係があるという私の疑いを裏付けました.
これは、ずさんなトランジションで機能する、両方のスライドショーを含むテスト ページです。
http://www.hauserair.com/slideshow-test/
次のスタイルシートのインクルードに絞り込みました。
http://www.hauserair.com/wp-content/themes/wordpress-bootstrap/style.css?ver=1.0
それを削除すると、スライドショーが適切に遷移します。さらに、スタンドアロンの HTML ファイルを作成し、ブートストラップ CSS と Java ファイル、およびこのページの新しいスライダーに必要なファイルを含める場合: http://www.hauserair.com/slideshow.html
移行の問題が再発します。だから...この対立を絞り込む...
前述のスタイルシートでは、一番下に /* UPRIGHT STYLES */ というコメントがあります。これらは私の会社が作成したカスタム スタイルです。そのコメントの下からコードを削除した後も、問題は解決しません。したがって、実際にはブートストラップ コード内にあります。
そこから、テスト用に作成したスタンドアロンの .HTML ファイルにはこれらの ID またはクラスが含まれていないため、参照されている ID または CLASS を持つコード行がスライドショーに影響を与えることはないとさらに推測できます。.flexslider例外は、 と の両方に同一のルールがある場合です.home-slides (これらは、画像スライダーを含む div のコンテナーに割り当てられたクラスです)。
ファイルにはそれらのいずれも含まれていないため、この移行の問題を引き起こしている可能性のある特定の行を特定できないようです。これを修正する方法についてのアイデアはありますか?