SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    How to make this carousel responsive? (bxSlider)

    Hi guys,

    This bxSlider plugin says it's responsive.
    http://bxslider.com/examples/carouse...ified#example1

    On example #1, when I minimize the browser it reduce the third block image and making it partially visible.
    What I wanted to do is to remove the third image completely when I minimize the browser.

    So for example If I will set the maxSlides: 4, and when I minimize it, it should shrink to 4 - 3 - 2.
    How to do this? What CSS should I modify?

    The plugin is nice, but did not meet my 100% requirements.

    Thanks in advance, who ever will help me.
    Quality codes are optimized and tested...
    Click here for inspiration..

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,535
    Mentioned
    62 Post(s)
    Tagged
    2 Thread(s)
    Looks like there is a control setting called minslides that sets the minimum number of slides.
    http://bxslider.com/examples/carouse...-number-slides
    Code:
    $('.bxslider').bxSlider({
      minSlides: 2,
      maxSlides: 4
    });

  3. #3
    Patience... bronze trophy solidcodes's Avatar
    Join Date
    Jul 2006
    Location
    Philippines
    Posts
    936
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    @ronpat
    Thanks for the hint.
    Quality codes are optimized and tested...
    Click here for inspiration..


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •