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

923 questions
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
  • 8,005
  • 3
  • 29
  • 60
8
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
  • 560
  • 2
  • 11
  • 26
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
  • 367
  • 1
  • 3
  • 11
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
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
  • 113
  • 1
  • 1
  • 12
7
votes
1 answer

Failed to execute 'appendChild' on 'Node': The new child element is null

This weird bug is bugging me from half an hour. I am dynamically trying to apply a slider using only JavaScript. Any idea as to why this is occurring to me? I could find other questions on SO, but could not understand the solution. I am new to JS…
Thomas Sebastian
  • 1,416
  • 5
  • 17
  • 34
7
votes
3 answers

bxSlider touch enabled - disable vertical touch events so only horizontal touch events work

I'm using probably one of my favourite jquery slider plugins: bxSlider http://bxslider.com/options#touchEnabled Recently they've updated with some touch enabling for devices. This allows you to scroll your sliders via swiping. But on my current…
Joshc
  • 3,675
  • 16
  • 72
  • 117
6
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
  • 8,921
  • 5
  • 27
  • 65
6
votes
6 answers

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

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 =…
Vysakh V K
  • 232
  • 1
  • 3
  • 12
6
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 :