# Two ion-slides in one page

**URL:** <https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295>\
**Category:** ionic-v1\
**Created:** [December 24, 2016, 10:02am UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295 "2016-12-24T10:02:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![taylormaster](https://avatars.discourse-cdn.com/v4/letter/t/e47774/32.png) [@taylormaster](https://forum.ionicframework.com/u/taylormaster)\
**Post date:** [December 24, 2016, 10:02am UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295/1 "2016-12-24T10:02:37Z")

</div>

```
<ion-slides options="options1" slider="data1.slider">
    <ion-slide-page>
      <div class="box blue"><h1>BLUE1</h1></div>
    </ion-slide-page>
</ion-slides>

<ion-slides options="options2" slider="data2.slider">
    <ion-slide-page>
      <div class="box blue"><h1>BLUE2</h1></div>
    </ion-slide-page>
</ion-slides>

$scope.options1 = {
  loop: false,
  effect: 'flip',
  speed: 500,
};

$scope.options2 = {
  loop: false,
  effect: 'flip',
  speed: 500,
};

$scope.$on("$ionicSlides.sliderInitialized", function(event, data1){
  $scope.slider1 = data1.slider;
});

$scope.$on("$ionicSlides.sliderInitialized", function(event, data2){
  $scope.slider2 = data2.slider;
});

```

in button:  
`$scope.slider1.slideTo(2, 500); // Problem: the second slider move, but slider1`

Can ionic two ion-slide in one page?  
and marry christmas! 🙂

---

<div class="post-metadata">

**Author:** ![dotman](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/dotman/32/124290_2.png) [@dotman](https://forum.ionicframework.com/u/dotman)\
**Post date:** [December 24, 2016, 2:32pm UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295/2 "2016-12-24T14:32:29Z")

</div>

@taylormaster Yes, very well more than two ion-slide can be on a single html page and those slides could even look more pages

```
     </ion-slide>

     <ion-slide>

     </ion-slide>

```

---

<div class="post-metadata">

**Author:** ![taylormaster](https://avatars.discourse-cdn.com/v4/letter/t/e47774/32.png) [@taylormaster](https://forum.ionicframework.com/u/taylormaster)\
**Post date:** [December 25, 2016, 1:17am UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295/3 "2016-12-25T01:17:44Z")

</div>

Hello!  
I think so initialize two different ion-slides not ion-slide.  
Here are two ion-slides, when initialize first slides, then slideTo() work well, after second slides init, slideTo() work but this control second slides

---

<div class="post-metadata">

**Author:** ![taylormaster](https://avatars.discourse-cdn.com/v4/letter/t/e47774/32.png) [@taylormaster](https://forum.ionicframework.com/u/taylormaster)\
**Post date:** [December 26, 2016, 12:50pm UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295/4 "2016-12-26T12:50:03Z")

</div>

Here is example what is my question:

> **[Ionic two ion-slides one page](https://codepen.io/taylormaster/pen/yVWdWp?editors=1010)**
>
> ...

---

<div class="post-metadata">

**Author:** ![taylormaster](https://avatars.discourse-cdn.com/v4/letter/t/e47774/32.png) [@taylormaster](https://forum.ionicframework.com/u/taylormaster)\
**Post date:** [December 27, 2016, 6:52pm UTC](https://forum.ionicframework.com/t/two-ion-slides-in-one-page/74295/5 "2016-12-27T18:52:18Z")

</div>

so ionic doesnt know this?