Question

27

bx slider : how to disable slide show when only one image is present

rated 0 times [ 29] [ 2] / answers: 1 / hits: 17290 / 10 Years ago, wed, july 9, 2014, 12:00:00

I am using bxslider to create a slideshow of my images. The images are updating dynamically. My problem is the sideshow fade-in and fade-out work even only one image is present. How can I stop this ?

bxslider options are

   var coverSlider = $('.bxslider').bxSlider({

        auto: true,

        minSlides: 1,

        maxSlides: 1,

        pager: false,

        speed: 500,

        pause: 3000,

        autoHover: true,

        mode: 'fade',

        controls: false

   })

I am using reload method to update the slider when a new image is appends or removes

 coverSlider.reloadSlider();

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

madelyn

Add To Favorites

Follow

Total Points: 449

Total Questions: 100

Total Answers: 100

Location: Seychelles

Member since Fri, May 7, 2021

3 Years ago

madelyn questions

1 Select value doesnt change the first time I trigger onChange event when using setSate React

Tue, Jan 11, 22, 00:00, 2 Years ago

1 React Native performance slow

Wed, Jul 28, 21, 00:00, 3 Years ago

1 MUI Datatable custom toolbar

Wed, Jul 14, 21, 00:00, 3 Years ago

1 Multi row swiper not working in react from swiper.js

Sat, Nov 7, 20, 00:00, 4 Years ago

1 How to make step wizard form in ReactJs?

Thu, Sep 3, 20, 00:00, 4 Years ago

View All

answered 10 Years ago susanap · Accepted Answer

You should check the number of images before reloading, and use destroySlider() method if there is only 1 image.

// Get the quantity of images (add your code if you want an example)

var numberOfImages = ...;



if (numberOfImages > 1) {

    coverSlider.reloadSlider();

} else {

    coverSlider.destroySlider();

}