jqueryでスライダーを設置した時に

質問

jqueryでスライダーを設置した時に設置したページのテキストが画像がスライドするタイミングで点滅してしまうようです。

現象が起こっているのはMacのsafariとchromeです

WindowsのIEやモダンブラウザ、MacのFirefoxではオッケーのようです。

ちなみにコンテンツスライダーは、glide.jsやbxslider.jsです。両方とも同じ現象が起きます。

chrome はwebkitではなくなりましたし、、、

該当ページでは、スティッキーヘッダ、トップへ戻るボタン、ロールオーバーや複数のタブパネルなど、jQueryの塊のようなページになっておりまして、、、
ただ、それらをすべて無効にして、スライダだけを実装状態にしても同じようです。

スライダーそれぞれのCSSをみてみましたが、同ページにあるCSSの他のセレクトと同名のセレクタはないようです、、、

どなたか似たような現象を解決された方がいらっしゃいましたらご教示願えますでしょうか？

回答No.2

balloon23

＞DEMOページは正常に表示されます

とすると、他のファイルなりがワルさしてる可能性が大きいと思います。

他JSの方は既に検証済みということですので、
もしかしたらcssの方で挙動が変わっているかもしれません。
既にこちらもセレクタはチェック済みとのことですが、
今度はcss自体を読みこませないで動作するかをご確認ください。

お礼

baloon23さま

アドバイスありがとうございます！

原因、判明致しました。

該当ページは元々jQueryのかたまりのようなページで、さらにデザインもCSSのpositionプロパティを多様して要素を重ねたり、位置指定したりでw
ぐっちゃぐちゃの要求のあるページでしたwデザイナーがアレもコレもそれもみたいな感じでw

結論から報告させて頂きますと、CSSのpositionでrelative,absolute指定している部分のテキストが点滅していたようです。理由はよくわかりません。スタイルシートも複数読み込んでおりcommonで適用している部分もありましたし、そのページ専用のスタイルシートで適用している部分もあったりで、解明に時間がかかってしまいました。

該当部分は他の手段でレイアウトするしかなさそうです。

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

回答No.1

balloon23

解決策ではないですが、確認までに一点。
利用しているスライダーのデモページなども確認しておりますでしょうか？
http://bxslider.com/
http://zxcvbnmnbvcxz.com/demonstration/slide_in_slide.html
手を加えてた箇所を忘れてたりすることもあるので。

お礼

ありがとうございます、DEMOページは正常に表示されます。

その後、色々検証中ですがまだ原因が特定できておりません。。。