离子载体中离子载玻片的褪色效应

时间:2016-07-15 07:25:11

标签: html5 css3 ionic-framework ionic-view

我用离子滑动盒在应用程序主页上显示幻灯片, 但我无法发现离子滑动盒的褪色效果。

我使用以下代码显示幻灯片,请建议我如何添加淡入淡出效果离子滑动盒。 (离子版 - 1.7.15)

        <ion-view>
           <ion-content>
                 <div class="top-icons">
                    <div class="row paddings">
                     Some content are here
                    </div>
                 </div>

                 <div class="slider-container">
                    <ion-slide-box show-pager="true" does-continue="true" auto-play="true" slide-interval="5000">
                       <ion-slide class="slider-res">
                          <img src="image/slider/img1.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img2.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img3.jpg" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                       <ion-slide  class="slider-res">
                          <img src="image/slider/img4.png" />
                          <div class="slider-text">Text Content</div>
                       </ion-slide>
                    </ion-slide-box>
                </div>
                <div>
                Other Content are here
                </div>
        </ion-content>
        </ion-view>

请帮我解决这个问题。

0 个答案:

没有答案