通过修改 data-transition 属性为每张幻灯片指定不同的转换效果。例如
<li data-transition="fade"> <!-- 渐变 -->
<li data-transition="slideleft"> <!-- 向左滑动 -->
<li data-transition="slideright"> <!-- 向右滑动 -->
<li data-transition="slidedown"> <!-- 向下滑动 -->
<li data-transition="slideup"> <!-- 向上滑动 -->
<li data-transition="zoomin"> <!-- 缩放进入 -->
<li data-transition="zoomout"> <!-- 缩放退出 -->
<li data-transition="cube"> <!-- 立方体旋转 -->
<li data-transition="3dcurtain-horizontal"> <!-- 3D 百叶窗水平 -->
<li data-transition="3dcurtain-vertical"> <!-- 3D 百叶窗垂直 -->
<li data-transition="parallaxtoright"> <!-- 视差向右 -->
<li data-transition="parallaxtoleft"> <!-- 视差向左 -->
示例:
<li data-transition="fade">
<img src="slide1.jpg" class="rev-slidebg">
</li>
<li data-transition="slideright">
<img src="slide2.jpg" class="rev-slidebg">
</li>
<li data-transition="zoomin">
<img src="slide3.jpg" class="rev-slidebg">
</li>
这样,每张幻灯片都会有不同的转换效果,使幻灯片播放更具动态感。你可以根据需要调整不同的 data-transition 值,以达到最佳视觉效果。