ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# **virtual** 开启虚拟Slide功能,可设置选项或设置为true则使用默认值。 虚拟Slide会在Dom结构中保持尽量少的Slide,只渲染当前可见的slide和前后的slide,而隐藏其他不可见的Slide,每次切换时就渲染新的Slide。当你的Slide很多的时候,尤其是Slide中有复杂的Dom树结构时,性能会有很大的提升。 ``` <script> var mySwiper = new Swiper('.swiper-container', { virtual: { slides: (function () { var slides = []; for (var i = 0; i <= 600; i++){ slides.push('Slide ' + (i + 1)); } return slides; }()), }, //或者 virtual: true, }); </script> ``` 拓展 :-: ![](https://img.kancloud.cn/ca/91/ca9140b2b9850ddd9ac6a6baa18b12e4_669x519.png) ~~~ slidesPerView : 3, centeredSlides : true, ~~~ ``` var mySwiper = new Swiper('.swiper-container', { slidesPerView : 3, centeredSlides : true, }) .swiper-slide-active{ background:#ff6600; color:#fff; } ``` :-: ![](https://img.kancloud.cn/da/86/da8602a6f1e6072925c6f41e9d7d472c_507x384.png) :-: :-: ![](https://img.kancloud.cn/05/39/0539cf1175626b7044a0dfe6ae9889e2_650x265.png)