CODEWITHSUNDEEP
javascriptjqueryidangero
anub
anub

Reputation: 527

How to make slider work on page load?

I used idangero swiper for swiping the images,here my problem is when page loads the swiper is not working, when I reloading it, working properly (i.e. it is not taking transform property when page loads).

Js code:

  vm.onSwipe= function () {
            vm.tslider = new Swiper('.tslider ', {
                slidesPerView: 3 
            });
    };

Html:

     <div class="swiper-wrapper tslider ">
                <div class="swiper-slide"  prsnlty-Image-Slider="onLoadSlider">
                    <div  ng-repeat="data in smyData"> 
                        <img ng-src="{{data.img}} />
                        <p class="trtstxt">{{data.txt}}</p>
                    </div>
                </div>
            </div>

How to solve this?

Upvotes: 3

Views: 239

Answers (0)

Related Questions