Stack Overflow
Stack Overflow

Questions tagged [bxslider]

bxSlider is a fully responsive jQuery content slider with many flexible customization features. Slides can contain images, videos or HTML

bxSlider is a fully responsive jQuery content slider with many flexible customization features. Slides can contain images, videos or HTML

Some of the features are:

  • horizontal, vertical and fade transitions
  • display and move multiple slides at once (carousel)
  • prev / next, pager, auto controls etc...

This tag should be used when asking questions related to bxSlider. Along with this tag, it is recommended to add the jQuery tag as well.

Links:
website
GitHub repository

922 questions
9
votes
2 answers

bxSlider - height and width settings

I justed started using bxSlider and I ran into a problem. I want a slider with fixed width (all images have the same value) and adaptive height. It is a pretty standard task, but I'm stuck and I don't know what to do. Right now bxSlider is resizing…
Darkry
  • 590
  • 2
  • 12
  • 26
8
votes
1 answer

BXSlider 4 fullscreen on mobile devices: How to keep native vertical page scroll (up, down) but keep horizontal touch functionality (left,right)?

The following snippet should demonstrate the problem quite well: (function ($) { $('.bxslider').each(function() { var bxid = $(this).attr("data-bxid"); var bx = $(this).bxSlider({ auto: false, …
Blackbam
  • 17,496
  • 26
  • 97
  • 150
8
votes
2 answers

DOMException failed to execute 'setPointerCapture' on 'Element' and 'releasePointerCapture'

I have created a hybrid app in which I used bxslider and placed div inside it as follow,
Bar Chart
Selva
  • 123
  • 1
  • 1
  • 12
8
votes
1 answer

bxslider directive throwing error `Uncaught TypeError: Cannot read property 'indexOf' of undefined`

I am using angularjs in my application where I have created a directive for bxslider. Below is code of directive: angular.module('sbAdminApp') .directive('bxSlider', function(){ return{ restrict: "A", require: "ngModel", …
Gaurav Aggarwal
  • 9,809
  • 6
  • 36
  • 74
8
votes
1 answer

Bx slider - showing partial slides on extreme right when using full width carousel

I used bx slider to run a slider on my nodejs website. Here is my code: $(document).ready(function(){ $(".bxslider").bxSlider({ minSlides: 1, maxSlides: 40, slideWidth: 300, slideMargin: 40, moveSlides: 1 …
Mohit Bhardwaj
  • 9,650
  • 3
  • 37
  • 64
8
votes
7 answers

Why is bxslider duplicating my divs

My designer put a bxslider to scroll through 3 divs nicely on my page. When the page runs, in the html I see it generates 6 divs on the page. It shows div 3, div2, div1, div3, div2, div1. Just because the duplicated fields on my page now mess up…
user1899829
  • 397
  • 1
  • 3
  • 14
8
votes
4 answers

bxSlider within show/hide divs

My page's content is toggled using different links, showing one div at a time using a jQuery 'showonlyone' function. On loading the page, none of the divs should be displayed. I got it working fine, until i tried to put a picture slider (bxSlider)…
user1461763
  • 81
  • 1
  • 1
  • 3
7
votes
3 answers

TypeError: j(...).bxSlider is not a function - Sliders are not working

I am working on this website ( I wasn't the one made the website but I have to fix it unfortunately). I've got this error on firebug : TypeError: j(...).bxSlider is not a function Here is my :