如何编写jquery滑块代码

Question

This是我朋友的网站，我问他要编码  比如this。

我正在使用jquery和javascript以及html处理代码，因为我在博客上使用它。

如何在我的朋友网站上滑块看起来像滑块上带有可点击的链接。

我尝试了这样的编码

＆＃13;

＆＃13;

$(document).ready(function(){
  $('.slider6').bxSlider({
    slideWidth: 300,
    minSlides: 2,
    maxSlides: 3,
    startSlide: 2,
    slideMargin: 10
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://raw.githubusercontent.com/stevenwanderski/bxslider-4/master/jquery.bxslider.js"></script>
<div class="slider6">
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar1"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar2"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar3"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar4"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar5"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar6"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar7"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar8"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar9"></div>
  <div class="slide"><img src="http://placehold.it/300x150&text=FooBar10"></div>
</div>

＆＃13;

＆＃13;

＆＃13;