Quantcast
Channel: Ionic Forum - Latest posts
Viewing all articles
Browse latest Browse all 228595

Two-way control for ion-slides

$
0
0

Is there a way that allows two-way control of slides in ionic 2 using the <ion-slides> component?
Using swiper.js (from idangeros) the implementation looks like this e.g. .. However, I'm hoping we can do this with <ion-slides>

<!-- Swiper -->
<div class="swiper-container gallery-top">
    <div class="swiper-wrapper">Slides..</div>
</div>
<div class="swiper-container gallery-thumbs">
    <div class="swiper-wrapper">thumbnails..</div>
</div>

<!-- Initialize Swiper -->
<script>
var galleryTop = new Swiper('.gallery-top', {
    nextButton: '.swiper-button-next',
    prevButton: '.swiper-button-prev'
});
var galleryThumbs = new Swiper('.gallery-thumbs', {
    centeredSlides: true,
    slidesPerView: 'auto',
    touchRatio: 0.2,
    slideToClickedSlide: true
});
galleryTop.params.control = galleryThumbs;
galleryThumbs.params.control = galleryTop;

</script>

Viewing all articles
Browse latest Browse all 228595

Trending Articles