Slick curseur de remplacer les points avec les numéros de
Je suis en train de remplacer la Nappe de slider /carrousel de pagination avec des nombres à la place des points. J'ai le projet d'installation en js fiddle et je dois avoir une fonction personnalisée qui affiche la diapositive en cours compte d'un total de 6. Je suis actuellement juste '1' remplacer les points, mais j'aimerais avoir les chiffres représentent le nombre total de diapositives.
HTML
<section class="slider">
<div>slide1</div>
<div>slide2</div>
<div>slide3</div>
<div>slide4</div>
<div>slide5</div>
<div>slide6</div>
</section>
<span class="pagingInfo"></span>
Javascript
$(".slider").slick({
autoplay: true,
dots: true,
customPaging : function(slider, i) {
var thumb = $(slider.$slides[i]).data();
return '<a>1</a>';
},
responsive: [{
breakpoint: 500,
settings: {
dots: false,
arrows: false,
infinite: false,
slidesToShow: 2,
slidesToScroll: 2
}
}]
});
OriginalL'auteur Mills | 2016-01-07
Vous devez vous connecter pour publier un commentaire.
Si je prends votre sens, Modifier cette ligne:
:
ou
selon l'endroit où vous voulez que votre indice de départ.
Est ici mise à jour de votre violon: https://jsfiddle.net/rLLvvpcm/5/
j'ai plusieurs curseurs, et j'ai essayé d'utiliser cette solution, mais il met à jour tous les curseurs de la pagination lorsque je navigue. comment puis-je portée juste pour le curseur de la gi de la navigation?
donner à chaque curseur est propre
id
propriété dans le balisage (par exemple, slider1, slider2...). Ensuite, effectuer une itération sur chaque curseur, la sélection par id avec jQuery (au lieu d'en classe), et l'appel de la nappe de la fonction de chacun. Si vous utilisez le code ci-dessus dans cette question, vous sélectionnez tous les curseurs à la fois.j'ai réussi à le résoudre plus tôt de faire quelque chose de similaire. merci pour la solution!
suffit d'utiliser la deuxième option, avec
i+1
OriginalL'auteur IanGabes