いつもお世話様になります。

スライド画像を入れ、リンクを貼りましたが
リンク先に飛ばないのですがどの様にしましたら
リンク先に飛ぶようになるか教えて頂けませんでしょうか。

コンパスのヘッダーに下記のソースを張り付けました。

下記のソースはネットで調べて貼り付けました。
リンク先はとりあえず同じリンクを貼っております。
宜しくお願いします。

<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: 5000,
});
});
</script>

<div class="slider">
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0077246140.jpg" width="960" height="600" alt=""></a>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/maruiti.jpg" width="960" height="600" alt=""></a>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0077246142.jpg" width="960" height="600" alt=""></a>
<a href="https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/"><img src="https://image.rakuten.co.jp/SHOP-URL/cabinet/imgrc0077246143.jpg" width="960" height="600" alt=""></a>
</div>