前提・実現したいこと
Siriusというサイト作成ソフトを使用してホームページを作っています。
Bxsliderを導入しているのですが、スマホサイトで画像がばらばらに表示されてしまいます。
画像サイズを統一したいです。
発生している問題・エラーメッセージ
画像スライダーの画像がスマホサイトでのみサイズがバラバラで表示される。
該当のソースコード
htmlのhead内↓(○○○○○○○はサイトURLを入れています)
<!-- jQuery library (served from Google) --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> <!-- bxSlider Javascript file --> <script src="http://○○○○○○○/js/jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="http://○○○○○○○/js/jquery.bxslider-aki.css" rel="stylesheet" />body内↓
<script type="text/javascript"> $(document).ready(function(){ var obj = $('#slider').bxSlider({ auto: true, slideWidth:700, pause:3000, speed:1000, mode:'fade', pager:true, controls:true, onSlideAfter: function () { obj.startAuto(); } }); }); </script>本体↓(○○○○○○○は画像です)
<div id="slider"> <div><img src="○○○○○○○jpg" alt="" width="700" height="500" /></div> <div><img src="○○○○○○○.jpg" alt="" width="700" height="500"/></div> </div>試したこと
ここに問題に対して試したことを記載してください。
画像サイズを統一したい。
ここにより詳細な情報を記載してください。
あなたの回答
tips
プレビュー