Q&A
意図しない、とはどのような動きでしょうか？具体的に書かれるとアドバイスを受けやすくなると思います。
また、コード部分も見やすくしてくださるといいと思います。
macOS X10.11 safari9もしくは8で閲覧した際、ブラウザの拡大機能を二回か三回くらい押した状態で見たときにタイトルのような状態になります。
問題があるのはsafariで拡大機能を使ったときのみです。
プラグインやブラウザの仕様ですかね。
解決方法をご存知の方、いらっしゃいますでしょうか？
追記:具体的にどういったことかといいますと、
普段は右から左へとスライドが動くのですが、拡大した状態だと逆方向に動き、挙動がおかしくなります。
html
1<!doctype html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<title></title> 6<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 7<script src="/js/jquery.bxslider.min.js"></script> <link href="/lib/jquery.bxslider.css" rel="stylesheet" /> 8<script> 9$(document).ready(function(){ 10('.bxslider').bxSlider({ 11slideWidth: 200, 12minSlides: 2, 13maxSlides: 3, 14useCSS:false, 15slideMargin: 10 16}); 17}); 18</script> 19</head> 20<body> 21<ul class="bxslider"> 22<li><img src="hoge1.jpg" /></li> 23<li><img src="hoge2.jpg" /></li> 24<li><img src="hoge3.jpg" /></li> 25<li><img src="hoge4.jpg" /></li> </ul> 26</body> 27</html>
バッククオート3つの前後には改行を入れてください。記入エリアの右部分あたりにリアルタイムに結果が表示されていると思うので、そこを見ながら調整してください。
末尾のバッククオートがバッククオートで無いようです。
ご返信ありがとうございます。
いま、スマホでやってまして、どうもうまくいかず、、。
後ほどpcから修正します。
意図しない動きについては内容を書きました。
よろしくお願いします。
回答1件
0
ベストアンサー
いくつか情報を探してみたのですが、「useCSSをfalseにする」などの対策しか見つかりませんでした。下記サイトでは幅と高さを設定することで解決したようなのですが、ズーム時というわけでも無いようです。
【jQueryスライドショー「bxslider」で最後のスライドが一番目に表示される | nanasan blog】
http://blog.73web.net/?p=507
【bxSliderで文字がチラつく・光る - kayokiseki-designブログ】
http://kayokiseki-design.com/design/blog/article/bxSliderで文字がチラつく・光る
Google検索のサジェストにも「bxslider safari bug」と出るほどにsafariと相性が良くないようなので、いっそ他のライブラリに変えてみてはいかがでしょうか。
【Swiper Demos】
http://idangero.us/swiper/demos/#.VznTLasaQ-U
【高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた | 株式会社LIG】
http://liginc.co.jp/web/js/jquery/158379
投稿2016/05/16 14:14
総合スコア69398
ご回答ありがとうございます。
私の方でもいろいろ調べましたが、bxsliderの仕様もしくはsafariのバク？と諦めるしかなさそうですね。
他のライブラリも試してみます。
あなたの回答
tips
プレビュー
