下記サイトで配布されているSlider Proというものを使用しております。
http://bqworks.com/slider-pro/
WindowsのFirefox、IE、Chromeで見た際は希望通りの表示になっていたのですが、
MacのSafariで確認したところ、表示が崩れておりました。
イメージとしてはこちらのサイト「http://www.dosuika.com/index.html」のスライダー部分の様な表示にしたいです。
参考サイトと異なる点は画像のサイズと画像間の余白で、画像一枚の幅を90%にし、余白を5にしております。
Safariだと画像の入っているボックスの大きさは90%で表示されるのですが、
中の画像はサイズが固定されたままというような状態です。
そのため画像が小さく、画像間の余白が広く空いてしまいます。
ダウンロードしてきたファイルは何もいじらず、
オプションの設定をhtmlの方に下記のように記述いたしました。
$( document ).ready(function( $ ) { $('#slider1').sliderPro({ width: '90%',//横幅 arrows: false,//左右の矢印 buttons: false,//ナビゲーションボタン autoHeight:true, slideDistance:5,//スライド同士の距離 visibleSize: '100%', touchSwipe:false, }); });
原因・解決方法をご教授いただけますと幸いです。
足りない点がございましたらお伝えください。
何卒宜しくお願い申し上げます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/12/05 07:03