6
Provare a utilizzare il carosello slick e utilizzare le mie icone personalizzate per la navigazione anziché i pensieri predefiniti. Ho pensato che il modo migliore per farlo sarebbe quello di impostare la mia lista e utilizzare slickGoTo, ma non riesco a farlo funzionare.Impossibile ottenere slickGoTo che funzioni per la navigazione slick personalizzata
$(document).ready(function(){
$('.rps-slider').slick({
infinite: true,
arrows: true,
dots:true
});
$(".slick-nav li a").click(function(e){
var slideIndex = $(this).index();
$(".rps-slider").slickGoTo(parseInt(slideIndex));
});
});
jsfiddle qui: http://jsfiddle.net/r7vjy7as/
Questo ha funzionato per me grazie! – Fox
Inoltre, imposta slideindex per tracciare l'indice del suo genitore 'li', perché l'indice di 'li a' sarà sempre 0, 'a' essendo l'unico elemento all'interno di 'li'. 'var slideIndex = $ (this) .parent(). index();' –