swiper　複数表示でフェードするスライドができない

swiperを使用してスライドを作成しようとしたのですが
複数同時に動かすスライドでfadeがつかえません。
（fadeを指定すると一枚表示になってしまう）
複数枚でfadeのスライドは作れますか？

html
1<div class="swiper-container">
2　<div class="swiper-wrapper">
3　　<div class="swiper-slide"><img src="images/1.jpg" alt=""></div>
4　　<div class="swiper-slide"><img src="images/2.jpg" alt=""></div>
5　　<div class="swiper-slide"><img src="images/3.jpg" alt=""></div>
6　　<div class="swiper-slide"><img src="images/4.jpg" alt=""></div>
7　</div>
8<div class="swiper-pagination"></div>
9<div class="swiper-button-prev prev1"></div>
10<div class="swiper-button-next next1"></div>

js
1var myslidemain = new Swiper('.swiper-container', {
2	slidesPerView: 3,
3	effect: 'fade',
4	loop: true,
5	autoplay: {
6		delay: 3000,
7		stopOnLastSlide: false,
8		disableOnInteraction: false,
9		reverseDirection: false
10	},
11	navigation: {
12		nextEl: '.swiper-button-next',
13		prevEl: '.swiper-button-prev'
14	},
15	pagination: {
16		el: '.swiper-pagination',
17		type: 'bullets',
18		clickable: true
19	}
20});