イオンスライドではなくボタンで画像を変更する

Question

イオンスライドコンポーネントを使用してIonicでスライドを作成しようとしていますが、スライド上の画像だけを変更してボタンやインターフェイスのやりとりを変更する必要はありません。とにかく私はそれを達成することができますか？

ありがとうございました。

私のコードはこれです：場合は、あなたがスライドの内側にあなたのボタンを使用していると、あなたのスライドを変更すると、それは離れて行くよ、あなたを使用する必要があるということです

<ion-slides pager> 
<ion-slide style="background-image:url(../../assets/img/disco.jpeg)"> 
    <button ion-button round small>Entrar sin cuenta</button> 
    <div> 
    <h2>Todas las discotecas en la palma de tu mano</h2> 
    </div> 
    <div> 
    <button ion-button round small>Conéctate con Facebook</button> 
    </div> 
    <div> 
    <button ion-button round small>Crear cuenta</button> 
    </div> 
    <div> 
    <button ion-button round small>Crear cuenta</button> 
    </div> 
</ion-slide> 
<ion-slide style="background-color: green"> 
    <h2>Slide 2</h2> 
</ion-slide> 
<ion-slide style="background-color: green"> 
    <h2>Slide 3</h2> 
</ion-slide> 
<ion-slide style="background-color: green"> 
    <h2>Slide 4</h2> 
</ion-slide> 

Answer 1

スライダーの外側にあるボタンをクリックし、絶対位置でスライダーを上に移動します。

<ion-slides pager> 
    <ion-slide style="background-color: green"> 
    <h2>Slide 2</h2> 
    </ion-slide> 
    <ion-slide style="background-color: green"> 
    <h2>Slide 3</h2> 
    </ion-slide> 
    <ion-slide style="background-color: green"> 
    <h2>Slide 4</h2> 
    </ion-slide> 
</ion-slides> 
    <div class="over-slider"> 
     <button ion-button round small>Entrar sin cuenta</button> 
     <div> 
      <h2>Todas las discotecas en la palma de tu mano</h2> 
     </div> 
     <div> 
      <button ion-button round small>Conéctate con Facebook</button> 
     </div> 
     <div> 
      <button ion-button round small>Crear cuenta</button> 
     </div> 
     <div> 
      <button ion-button round small>Crear cuenta</button> 
     </div> 
    </div> 

あなたのCSS

.over-slider{ 
    position: absolute; 
    top: 0; 
    left: 0; 
} 

あなたのCSSの残りはあなた次第です。

これが役に立ちます。