So fügen Sie Pfeile auf dem Vollbild-Slider hinzu

Question

Ich habe vor kurzem eine Website für einen Fotografiefreund fertiggestellt und er kam zu mir zurück und sagte, dass die Schieberegler auf seinen Projektseiten schwer zu verwenden seien und er Pfeile mögen würde, wenn ich Pfeile hinzufügen wollte Ich habe festgestellt, dass die Navigation die Pfeile aus dem Blickfeld schiebt. Ich frage mich, ob jemand weiß, wie er das beheben kann.

Bitte beachten Sie den Link unten auf der Seite. Vielen Dank im Voraus.

Daniels Website

Answer 1

Die Website Sie swiper verknüpft verwendet, die einen Rahmen für Schieber ist. Laut der Getting Started, müssen Sie zwei Pfeile hinzufügen, die Ihr Freund auskommentiert hat. Da Ihre Site über jQuery verfügt, müssen Sie sie auch im document.ready-Ereignis initialisieren. Versuchen Sie den Code innerhalb des Ereignisses wie folgt zu setzen:

$(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' 
    }) 
    });