renderSlide
此函数设置以何种形式渲染虚拟Slide，接受当前渲染Slide的内容和Index作为参数。必须返回一个slide的HTML结构。即必须包含
<div class="swiper-slide"></div>
<div class="swiper-slide"></div>
renderSlide信息
- 类型：
- function
- 默认：
- null
- 启用版本：
- 4.0.0
效果演示
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var swiper = new Swiper('.swiper', {
virtual: {
slides: ['Slide 1', 'Slide 2', 'Slide 3', 'Slide 4', 'Slide 5'],
renderSlide:function(slide, index){
return '<div class="swiper-slide">索引是'+index+'+内容是'+slide+'</div>';
},
},
});
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/virtual/377.html
