question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[4.0.0-4c.0] Provide full Swiper API

See original GitHub issue

Feature Request

Ionic version:

[x] 4.0.0-rc.0

Describe the Feature Request

<ion-slides> is based on http://idangero.us/swiper/api, but do not implement all features (swipe effects other than slides, parallax, etc.). Mixing Swiper with Ionic lead to problems (and duplicate code).

Giving access to the entire Swiper component power would be awesome.

Describe Preferred Solution

As Swiper is modular, would be nice to have some way to import features on <ion-slides>, for example:

import SwiperParallax from "somewhere";

IonSlidesHTMLElement.modules = [SwiperParallax];

Or, at least, give access to the complete Swiper API (i.e.: make effect, parallax, etc. to work)

Describe Alternatives

No alternatives found, as importing Swiper seems to have side-effects on <ion-slides>.

Additional Context

Link to the original component: http://idangero.us/swiper/api Link to the documentation: https://beta.ionicframework.com/docs/api/slides (it says it adopted the above library, but I think the build process have removed some features, as they can be optional)

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:6
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
liamdebeasicommented, Aug 27, 2019

Thanks for the issue! To make it easier for everyone, we decided to expose the full Swiper API via a new getSwiper method in ion-slides. This will be available in the next stable release of Ionic.

I have released a dev build if anyone would like to try this out and provide feedback:

If using Angular: npm i @ionic/angular@4.9.0-dev.201908271629.e1fa461 If using Ionic Core: npm i @ionic/core@4.9.0-dev.201908271629.e1fa461

0reactions
ionitron-bot[bot]commented, Oct 9, 2019

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Swiper API
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
Read more >
Getting Started With Swiper
Go to API Documentation to learn more about all Swiper API and how to control it. Look at available Demos. If you have...
Read more >
Swiper Changelog
0 - Released on October 4th, 2017. New API (check Documentation); Virtual Slides - new module that keeps in DOM just required amount...
Read more >
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
Read more >
Swiper Demos
Swiper Demos. You can download all these demos and hook into the code from GitHub here. UI Initiative. Premium Swiper templates & plugins...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found