Javascript 滑动条不显示第一个元素
因此,我确实在与一个主题中实现的最新的光滑旋转木马进行斗争。这就是JS的外观:Javascript 滑动条不显示第一个元素,javascript,wordpress,slick.js,Javascript,Wordpress,Slick.js,因此,我确实在与一个主题中实现的最新的光滑旋转木马进行斗争。这就是JS的外观: function slickSetup() { $(".swiper-container").each(function() { // Slick Variable var $ts = $(this); var $slickActive = $(this).find('.swiper-wrapper'); var $sliderNumbe
function slickSetup() {
$(".swiper-container").each(function() {
// Slick Variable
var $ts = $(this);
var $slickActive = $(this).find('.swiper-wrapper');
var $sliderNumber = $(this).siblings('.slider-number');
// Show Slider Number
$slickActive.on('init reInit afterChange', function(event, slick, currentSlide) {
var i = (currentSlide ? currentSlide : 0) + 1;
$sliderNumber.find('span').text(i);
// $sliderNumber.find('b').text(slick.slideCount);
});
// Auto Play
var autoPlayVar = parseInt($ts.attr('data-autoplay'), 10);
// Auto Play Time Out
var autoplaySpdVar = 3000;
if (autoPlayVar > 1) {
autoplaySpdVar = autoPlayVar;
autoPlayVar = 1;
}
// Slide Change Speed
var speedVar = parseInt($ts.attr('data-speed'), 10);
// Slider Loop
var loopVar = Boolean(parseInt($ts.attr('data-loop'), 10));
// Slider Center
var centerVar = Boolean(parseInt($ts.attr('data-center'), 10));
// Pagination
var paginaiton = $ts.children().hasClass('pagination');
// Slide Per View
var slidesPerView = $ts.attr('data-slides-per-view');
if (slidesPerView == 1) {
slidesPerView = 1;
}
if (slidesPerView == 'responsive') {
var slidesPerView = parseInt($ts.attr('data-add-slides'), 10);
var lgPoint = parseInt($ts.attr('data-lg-slides'), 10);
var mdPoint = parseInt($ts.attr('data-md-slides'), 10);
var smPoint = parseInt($ts.attr('data-sm-slides'), 10);
var xsPoing = parseInt($ts.attr('data-xs-slides'), 10);
}
// Slick Active Code
$slickActive.slick({
autoplay: autoPlayVar,
dots: paginaiton,
centerPadding: '0',
speed: speedVar,
infinite: loopVar,
autoplaySpeed: autoplaySpdVar,
centerMode: centerVar,
prevArrow: $ts.find('.swiper-arrow-left'),
nextArrow: $ts.find('.swiper-arrow-right'),
appendDots: $ts.find('.pagination'),
slidesToShow: slidesPerView,
responsive: [{
breakpoint: 1600,
settings: {
slidesToShow: lgPoint
}
},
{
breakpoint: 1200,
settings: {
slidesToShow: mdPoint
}
},
{
breakpoint: 992,
settings: {
slidesToShow: smPoint
}
},
{
breakpoint: 768,
settings: {
slidesToShow: xsPoing
}
}
],
customPaging: function(slider, i) {
$sliderNumber.find('b').text(i + 1);
}
});
})
}
有什么问题吗?无论我添加了多少张幻灯片,它总是跳过第一张幻灯片(我通过Wordpress添加图片)。我试图改变图片,但问题仍然存在。因此,我发现负责选择活动幻灯片的代码可能存在问题。预览网站位于此处:。旋转木马的标题是“zaufali nam”。Hi,这是因为它没有在首字母上显示第一张幻灯片吗?所以它是从“蔬菜盒”开始的,还是第一个图像在那里根本看不见?顺便说一句,bardzoładny strona,sama projektowaśaś?:)@是的,这是第一例!乍一看它是不可见的,它是从vege box开始的,但如果您单击并向右滑动,将显示真正的第一张幻灯片。谢谢你/哲库吉!:)