我在我的项目中使用swiper js滑块。我需要知道我可以更改我的滑块或not.forexample的默认幻灯片我的幻灯片是slide1，slide2，slide3等，在我的页面swiper js默认情况下显示幻灯片1我想默认显示slide2 .can我是通过swiper实现的？
这是我的swiper配置
window.videoSlider = () => {
var sliderSelector = '.video-slider',
options = {
init: false,
loop: false,
speed: 800,
spaceBetween: 0,
slidesPerView: 3, // or 'auto'
// spaceBetween: 10,
centeredSlides: true,
effect: 'coverflow', // 'cube', 'fade', 'coverflow',
coverflowEffect: {
rotate: 0, // Slide rotate in degrees
stretch: 0, // Stretch space between slides (in px)
depth: 585, // Depth offset in px (slides translate in Z axis)
modifier: 1, // Effect multipler
slideShadows: true, // Enables slides shadows
},
pagination: {
el: ".testemonial-pagination",
clickable: true,
},
grabCursor: true,
parallax: true,
navigation: {
nextEl: '.video-next',
prevEl: '.video-prev',
},
breakpoints: {
1440: {
slidesPerView: 2,
spaceBetween: 0
},
1200: {
slidesPerView: 2,
spaceBetween: 0
},
992: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1,
spaceBetween: 0
},
480: {
slidesPerView: 1,
spaceBetween: 0
},
320: {
slidesPerView: 1,
spaceBetween: 0
},
1: {
slidesPerView: 1,
spaceBetween: 0
},
}
};
var mySwiper = new Swiper(sliderSelector, options);
// Initialize slider
mySwiper.init();
}window.videoSlider = () => {
var sliderSelector = '.video-slider',
options = {
init: false,
loop: false,
speed: 800,
spaceBetween: 0,
slidesPerView: 3, // or 'auto'
// spaceBetween: 10,
centeredSlides: true,
effect: 'coverflow', // 'cube', 'fade', 'coverflow',
coverflowEffect: {
rotate: 0, // Slide rotate in degrees
stretch: 0, // Stretch space between slides (in px)
depth: 585, // Depth offset in px (slides translate in Z axis)
modifier: 1, // Effect multipler
slideShadows: true, // Enables slides shadows
},
pagination: {
el: ".testemonial-pagination",
clickable: true,
},
grabCursor: true,
parallax: true,
navigation: {
nextEl: '.video-next',
prevEl: '.video-prev',
},
breakpoints: {
1440: {
slidesPerView: 2,
spaceBetween: 0
},
1200: {
slidesPerView: 2,
spaceBetween: 0
},
992: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1,
spaceBetween: 0
},
480: {
slidesPerView: 1,
spaceBetween: 0
},
320: {
slidesPerView: 1,
spaceBetween: 0
},
1: {
slidesPerView: 1,
spaceBetween: 0
},
}
};
var mySwiper = new Swiper(sliderSelector, options);
// Initialize slider
mySwiper.init();
}
代码语言：javascript
复制
window.videoSlider = () => {
var sliderSelector = '.video-slider',
options = {
init: false,
loop: false,
speed: 800,
spaceBetween: 0,
slidesPerView: 3, // or 'auto'
// spaceBetween: 10,
centeredSlides: true,
effect: 'coverflow', // 'cube', 'fade', 'coverflow',
coverflowEffect: {
rotate: 0, // Slide rotate in degrees
stretch: 0, // Stretch space between slides (in px)
depth: 585, // Depth offset in px (slides translate in Z axis)
modifier: 1, // Effect multipler
slideShadows: true, // Enables slides shadows
},
pagination: {
el: ".testemonial-pagination",
clickable: true,
},
grabCursor: true,
parallax: true,
navigation: {
nextEl: '.video-next',
prevEl: '.video-prev',
},
breakpoints: {
1440: {
slidesPerView: 2,
spaceBetween: 0
},
1200: {
slidesPerView: 2,
spaceBetween: 0
},
992: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1,
spaceBetween: 0
},
480: {
slidesPerView: 1,
spaceBetween: 0
},
320: {
slidesPerView: 1,
spaceBetween: 0
},
1: {
slidesPerView: 1,
spaceBetween: 0
},
}
};
var mySwiper = new Swiper(sliderSelector, options);
// Initialize slider
mySwiper.init();}这是我的滑块
我想首先显示第二张幻灯片，因为我希望我的用户可以从头开始，他可以两边都可以。(左和右的swiper默认显示幻灯片1，所以用户不能将幻灯片移动到右侧，我知道如何在swiper中使用循环属性，但我不会那样做)如果有人能帮助我，我将非常感激
window.videoSlider = () => {
var sliderSelector = '.video-slider',
options = {
init: false,
loop: false,
speed: 800,
spaceBetween: 0,
slidesPerView: 3, // or 'auto'
// spaceBetween: 10,
centeredSlides: true,
effect: 'coverflow', // 'cube', 'fade', 'coverflow',
coverflowEffect: {
rotate: 0, // Slide rotate in degrees
stretch: 0, // Stretch space between slides (in px)
depth: 585, // Depth offset in px (slides translate in Z axis)
modifier: 1, // Effect multipler
slideShadows: true, // Enables slides shadows
},
pagination: {
el: ".testemonial-pagination",
clickable: true,
},
grabCursor: true,
parallax: true,
navigation: {
nextEl: '.video-next',
prevEl: '.video-prev',
},
breakpoints: {
1440: {
slidesPerView: 2,
spaceBetween: 0
},
1200: {
slidesPerView: 2,
spaceBetween: 0
},
992: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1,
spaceBetween: 0
},
480: {
slidesPerView: 1,
spaceBetween: 0
},
320: {
slidesPerView: 1,
spaceBetween: 0
},
1: {
slidesPerView: 1,
spaceBetween: 0
},
}
};
var mySwiper = new Swiper(sliderSelector, options);
// Initialize slider
mySwiper.init();
}window.videoSlider = () => {
var sliderSelector = '.video-slider',
options = {
init: false,
loop: false,
speed: 800,
spaceBetween: 0,
slidesPerView: 3, // or 'auto'
// spaceBetween: 10,
centeredSlides: true,
effect: 'coverflow', // 'cube', 'fade', 'coverflow',
coverflowEffect: {
rotate: 0, // Slide rotate in degrees
stretch: 0, // Stretch space between slides (in px)
depth: 585, // Depth offset in px (slides translate in Z axis)
modifier: 1, // Effect multipler
slideShadows: true, // Enables slides shadows
},
pagination: {
el: ".testemonial-pagination",
clickable: true,
},
grabCursor: true,
parallax: true,
navigation: {
nextEl: '.video-next',
prevEl: '.video-prev',
},
breakpoints: {
1440: {
slidesPerView: 2,
spaceBetween: 0
},
1200: {
slidesPerView: 2,
spaceBetween: 0
},
992: {
slidesPerView: 1,
spaceBetween: 0
},
768: {
slidesPerView: 1,
spaceBetween: 0
},
480: {
slidesPerView: 1,
spaceBetween: 0
},
320: {
slidesPerView: 1,
spaceBetween: 0
},
1: {
slidesPerView: 1,
spaceBetween: 0
},
}
};
var mySwiper = new Swiper(sliderSelector, options);
// Initialize slider
mySwiper.init();
}
