BxSlider displayes last slide as first slide
I have created 4 sliders. Initially all 4 are hidden (display:none) so I have used this code to display the relevant slider on click of its respective category. The slider configuration. touchEnabled: true, hideControlOnEnd: true, preloadImages: 'all', infiniteLoop: false, mode: 'horizontal', startSlide: 0, slideWidth: 300, minSlides: 2, maxSlides: 3, slideMargin: 10, pager: false, slideSelector: ".isotope-item", nextSelector: "#forefoo2_next", prevSelector: "#forefoo2_prev", nextText: '', prevText: '', onSliderLoad: function(){ jQuery(".sliloading").hide(); }, jQuery(window).ready(function(){