更改離子幻燈片中的圖像而不是按鈕

Question

我正嘗試在離子幻燈片組件中創建一些幻燈片，我需要的是更改幻燈片上的圖像，但不是按鈕或界面交互。無論如何，我可以實現這一目標嗎？

非常感謝。

我的代碼是這樣的：

<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的其餘部分是由你。

希望這會有所幫助。