如何在全屏滑块上添加箭头

Question

我最近完成了一个摄影朋友的网站，他回到我身边说他的项目页面上的滑块很难使用，他想要箭头，每当我尝试添加箭头时，我都找到了导航把箭推出视线，我想知道是否有人知道解决这个问题的方法。

请参阅下面的链接到该页面。提前谢谢。

Daniels Website

Answer 1

您链接的网站使用Swiper，这是一个滑块框架。根据{{​​3}}，您需要添加两个箭头，您的朋友似乎已经注释掉了这两个箭头。由于您的站点有jQuery，您还需要在document.ready事件中初始化它。尝试将代码放在事件中，如下所示：

  $(document).ready(function () {
    //initialize swiper when document ready  
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        paginationClickable: true,
        spaceBetween: 0,
        loop: true,
        centeredSlides: true,
        autoplay: 7000,
        autoplayDisableOnInteraction: false,
        slidesPerView: 1,
        effect: 'fade'
    })
  });