As I know Ionic slider using Swiper JS
I put the loop on true but it not looping
it reach the final slide and stop
here is my config
Config= {
initialSlide: 0,
slidesPerView: 1,
speed: 400,
spaceBetween: 20,
loop: true,
autoplay: {
delay: 1000,
disableOnInteraction: false,
},
};
Hello,
I use below code without config. when you swipe last slider you go to the first one. Please try below code.
<div id="slider">
<ion-slide-box ng-if="showslider" auto-play="true" does-continue="true" on-slide-changed="slideHasChanged($index)">
<ion-slide ng-repeat="slider1 in sliderlar">
<div class="box">
<img ng-src="{{fotoUrl(slider1.PhotoUrl)}}" style="width: 100% !important;" />
</div>
</ion-slide>
</ion-slide-box>
</div>
Js Code:
$scope.showslider = false;
And set
$scope.showslider = true;
after your http get method in response. If you dont use ng-if , İmages may not be displayed(there is bug).
For anyone in the future who faced the same issue,
After a lot of hopeless tests, I today tried to put the loop inside the autoplay, and it suddenly worked like a charm.
Config= {
initialSlide: 0,
slidesPerView: 1,
speed: 400,
spaceBetween: 20,
autoplay: {
loop: true,
delay: 1000,
disableOnInteraction: false,
},
};