The method of switching the custom jquery swiper3 effect
<pre>
<div class="swiper-slide">
<div class="wrapslide bg">
<img class="ani bg loadimg" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0s" loadimg="{$yuming}/images/3/p3_bg.jpg" />
<img class="ani p3_wz1 loadimg" swiper-animate-effect="suoxiaofadeIn" swiper-animate-duration="1s" swiper-animate-delay="0s" loadimg="{$yuming}/images/3/p3_wz1.png" />
<img class="ani p3_wz2 loadimg" swiper-animate-effect="suoxiaofadeIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s" loadimg="{$yuming}/images/3/p3_wz2.png" />
</div>
</div>},$ ( '.-Swiper Slide-PREV .wrapslide'). AddClass ( 'Rotate').onSlideChangeStart: function (Swiper) {
/ * Used to make the cinematic triggered * / switching
onTransitionEnd: function (Swiper) {
},
onTransitionEnd: function (Swiper) {
// $ ( 'wrapslide.') removeClass ( 'Rotate');.
},
</ pre>
PS: slide because it is inconvenient to do animation inside plus wrapslide make up a field of animation is not a conflict when appropriate entry on the animation bg sure to add animation speed control with a switching time (usually not)
There is a method that can not be switched fade pictures were taken on a custom touch slide effect speed setting 0 do it quickly switch