Questions tagged [ion-slides]

Ion-slides is a component of the ionic framework, much like a simple slideshow.

Ion-slides is a component of the ionic framework, much like a simple slideshow, where you can next/prev by swiping.

108 questions
1
vote
1 answer

Is it possible to use slides in ionic sidebar

I'm building a mobile app in ionic and I wanna make a slack-like side menu by placing slides. For example, when you click on main menu item, it will slide out another slide in the sidemenu as slack does. I tried to use ion-slides in ion-menu but…
Patrick Blind
  • 399
  • 1
  • 4
  • 15
1
vote
0 answers

Display Video Gallery like tik tok in ionic 3

I want to autoplay video like tik tok on slide change. After implementation Video thumbnails are displaying and audio is playing, but not video.
1
vote
0 answers

slide images, get from server, in ion-card (load one at a time)

I'm working with ionic 3. I've more than 750 mobile images in db. I'm getting one image at a time to show in ion-card in ion-slides. I want next image when i swipe to next and same with the previous image. I tried to get mobile Ids and then i…
Zeeshan Malik
  • 627
  • 1
  • 14
  • 31
1
vote
0 answers

Ionic v4 ion-slides problems

I have created a component in my project that is purely an ion-slides UI component. I've injected into the main page of my side-drawer template app and I'm experiencing a number of issues/annoyances: The content doesn't always center within the…
1
vote
1 answer

Ionic 3 - remove images from an ion-slides with help of .getActiveIndex()

I have added images from gallery/camera to an ion-slider view.I have an action sheet which gives me an option to add or remove the images from the slider view.Adding is working fine as i am adding that image to array and providing that updated array…
puja
  • 87
  • 11
1
vote
2 answers

How to add placeholder image to ion-slides in ionic 3 app?

I want to add placeholder image to my ion-slider before my images are loaded dynamically. Here is my code: HTML
Akash Chaudhary
  • 701
  • 11
  • 28
1
vote
0 answers

Disable vertical "pulling" on ion-slides

Is there a way to disable the vertical "pulling" (like swiping down/up) with the ion-slides component? Right now my onboarding slides feels a bit wobbly because vertical tracking is also handled when siping to a prev/next slide. I couldn't find…
Ben Fransen
  • 10,884
  • 18
  • 76
  • 129
1
vote
0 answers

Checkbox inside ion-slides with loop enabled

I have a page which contains ion-slides with loop enabled. Each slide is generated with *ngFor and each one contains a checkbox. The problem I am facing is that the checkbox is not getting checked on first and last slides. I have found that its…
Unnikrishnan M R
  • 224
  • 2
  • 11
1
vote
3 answers

How to make ion-slide responsive?

My ionic app has a slider with 2 slides, and they show up based on left and right swipe action. I want to make my page responsive. In case of large screen i want to show both slides side-by-side and swipe action to be disabled. How can i achieve…
Rashmi HS
  • 21
  • 1
  • 4
1
vote
1 answer

dynamicBullets is not supported in ionic-slides?

dynamicBullets is not supported in ionic-slides? ionic-slides adopted from swiper.js and swiper.js support dynamicBullets: boolean. How can I use dynamicBullets in ionic-slides? I even tried to inject swiper.js into the ionic project and it's…
Patrick Blind
  • 399
  • 1
  • 4
  • 15
1
vote
1 answer

ionic 2: Zoom in ionic slides

I am developing a project for e-commerce, and in product-detail page,i have one slider with product images. in that user can zoom that image. my html code
Chirag Thaker
  • 61
  • 1
  • 2
  • 9
1
vote
0 answers

Angular 4/Ionic 3 slides application

On initialization of the app, I'm pulling jsonfile from server with DATETIME describing epoc time at which I should be displaying certain image. Even though I'm able to trigger first slide change, I cannot wrap my head around triggering consecutive…
1
vote
0 answers

ionic 3 angular slide height just enough to hold contents

my page currently looks like http://moblize.it and i am trying to change the slide height to be just enough to the contents. obviously cannot fix it else it will screw up on smaller devices the current code looks like
Vik
  • 8,721
  • 27
  • 83
  • 168
1
vote
1 answer

Ionic New Slides - Swiper SlideTo bug

I'm using the latest ionic 1 version 1.3.3. I've a list of items. On click any of them, it opens the ion-slides with few left and right items (which I'm letting it to control dynamic). The issue is when the slider gets ready, it shows the correct…
1
vote
1 answer

Embedding ion-card in ion-slides ends up with wrong width

I am facing an issue with the layout when using ion-slides. I am using this HTML code to create a simple card: Title
andres
  • 53
  • 6