# Slides fade effect issue **URL:** \ **Category:** Ionic Framework\ **Created:** [September 29, 2018, 2:52pm UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191 "2018-09-29T14:52:20Z")\ **Posts on this page:** 11\ **Page:** 1
**Author:** ![olivier\_p](https://avatars.discourse-cdn.com/v4/letter/o/e274bd/32.png) [@olivier\_p](https://forum.ionicframework.com/u/olivier_p)\ **Post date:** [September 29, 2018, 2:52pm UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/1 "2018-09-29T14:52:20Z")
Hi, I can’t get working with the fade effect with Ionic 4 beta-12. I’m using the options attribute ([http://idangero.us/swiper/api/](http://idangero.us/swiper/api/)) It was working on earlier versions of Ionic 4 ```auto @ViewChild(Slides) slides: Slides; ``` ```auto this.slides.options = { effect: "fade", fadeEffect: { crossFade: true } }; this.slides.update(); ``` Does anyone manage to get the fade effect working? ---
**Author:** ![hariman](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/hariman/32/121974_2.png) [@hariman](https://forum.ionicframework.com/u/hariman)\ **Post date:** [October 2, 2018, 9:39am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/2 "2018-10-02T09:39:03Z")
Setting ion-slides options is a bit different from Swiper api. Try with the following: ```auto this.slides.effect = 'fade'; this.slides.fade.crossFade = true; ``` ---
**Author:** ![olivier\_p](https://avatars.discourse-cdn.com/v4/letter/o/e274bd/32.png) [@olivier\_p](https://forum.ionicframework.com/u/olivier_p)\ **Post date:** [October 3, 2018, 10:44pm UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/3 "2018-10-03T22:44:00Z")
Thank you Hariman However, it didn’t work in ngOnInit() Does it work for you with Ionic 4 ? ---
**Author:** ![hariman](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/hariman/32/121974_2.png) [@hariman](https://forum.ionicframework.com/u/hariman)\ **Post date:** [October 4, 2018, 9:24am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/4 "2018-10-04T09:24:09Z")
I used to do like it on Ionic 3. Now that I checked the [documentation for Ionic 4](https://beta.ionicframework.com/docs/api/slides), your first code was right, sorry. So, I think it’s a bug on Ionic 4. You can check if it has been reported here: [https://github.com/ionic-team/ionic/issues](https://github.com/ionic-team/ionic/issues). ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [October 4, 2018, 9:47am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/5 "2018-10-04T09:47:05Z")
Which beta version? Have you tried to bind your code on ’ ionSlidesDidLoad()’ ? ``` ion-slides (ionSlidesDidLoad)="yourFunction()"> ``` ---
**Author:** ![olivier\_p](https://avatars.discourse-cdn.com/v4/letter/o/e274bd/32.png) [@olivier\_p](https://forum.ionicframework.com/u/olivier_p)\ **Post date:** [October 4, 2018, 10:22pm UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/6 "2018-10-04T22:22:11Z")
beta 12 It tried with the ionSlidesDidLoad callback, but it didn’t work either. ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [October 5, 2018, 5:02am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/7 "2018-10-05T05:02:40Z")
and the following: ``` myOptions = { effect: 'fade', fadeEffect: { crossFade: true } } ``` did you check the swiper GitHub to check if there aren’t some hint about this subject? [https://github.com/nolimits4web/swiper/](https://github.com/nolimits4web/swiper/) ---
**Author:** ![Yuyinitos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/yuyinitos/32/107866_2.png) [@Yuyinitos](https://forum.ionicframework.com/u/Yuyinitos)\ **Post date:** [December 7, 2018, 11:24am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/8 "2018-12-07T11:24:15Z")
Are there any updates on this? I’m using the latest version but fade effect is still not working. ```auto Ionic: ionic (Ionic CLI) : 4.5.0 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.0.0-beta.17 @angular-devkit/build-angular : 0.8.8 @angular-devkit/schematics : 0.8.8 @angular/cli : 6.2.8 @ionic/angular-toolkit : 1.2.0 Cordova: cordova (Cordova CLI) : 7.1.0 Cordova Platforms : browser 5.0.4, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.1, (and 7 other plugins) System: ios-deploy : 2.0.0 ios-sim : 6.1.2 NodeJS : v8.12.0 (/usr/local/bin/node) npm : 6.4.1 OS : macOS Mojave Xcode : Xcode 10.1 Build version 10B61 ``` ---
**Author:** ![reedrichards](https://avatars.discourse-cdn.com/v4/letter/r/34f0e0/32.png) [@reedrichards](https://forum.ionicframework.com/u/reedrichards)\ **Post date:** [March 6, 2019, 7:34am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/9 "2019-03-06T07:34:39Z")
There is a fix for the fade effect which should land in one of the next version of Ionic v4: see [https://github.com/ionic-team/ionic/issues/17424#issuecomment-468438819](https://github.com/ionic-team/ionic/issues/17424#issuecomment-468438819) ---
**Author:** ![Lasithavw](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/lasithavw/32/125986_2.png) [@Lasithavw](https://forum.ionicframework.com/u/Lasithavw)\ **Post date:** [November 5, 2019, 5:02am UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/10 "2019-11-05T05:02:41Z")
This will definitely work for you [https://github.com/ionic-team/ionic/blob/ab9d3b269663987c62fe9189ea515e51443b2f77/core/src/components/slides/readme.md#cube](https://github.com/ionic-team/ionic/blob/ab9d3b269663987c62fe9189ea515e51443b2f77/core/src/components/slides/readme.md#cube) ---
**Author:** ![mhartington](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mhartington/32/137757_2.png) [@mhartington](https://forum.ionicframework.com/u/mhartington)\ **Post date:** [July 19, 2021, 9:15pm UTC](https://forum.ionicframework.com/t/slides-fade-effect-issue/143191/11 "2021-07-19T21:15:51Z")