前提・実現したいこと
bxsliderで<a>をつけたときに正常に動作しないです。
<a>を付けていないときは正常に動作します。
。
発生している問題・エラーメッセージ
bxslider を使ってスライドショーをつけたのですが<img>のみで作った時は正常に動作しましたが<a>を付けるとスライドしなくなってしまいます。
該当のソースコード
<!--HTMLのhead内のbxsliderの読み込み-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/bxslider/4.2.12/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.slider').bxSlider({
auto: true,
pause: 4000,
<!--HTMLのbody内(画像のURLは省略しています)-->
<div class="slider">
<a href="#"><img src="" width=100% height="300" alt=""></a>
<a href="#"><img src="" width=100% height="300" alt=""></a>
<a href="#"><img src="" width=100% height="300" alt=""></a>
<a href="#"><img src="" width=100% height="300" alt=""></a>
<a href="#"><img src="" width=100% height="300" alt=""></a>
</div>
```ここに言語名を入力
HTML jQuery CSS
```
### 試したこと
<a>を付けた後に不自然な余白ができたこともあったので、widhthは100%に設定しました。
### 補足情報(FW/ツールのバージョンなど)
画像の下に余白を作ってテキストを入れてみたいと考えているのですがbxsliderでは不可能ですか?