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
6
votes
1 answer

window resize with bxslider destroyed breaks style

I'm trying to remove the styling and javascript of a bxslider element when the browser window shrinks to a certain size and apply a different style to the list, but it's doing weird things. Scaling up from below 502px, everything looks and works…
Koozer
  • 117
  • 1
  • 9
6
votes
2 answers

Use arrow keys to control the BXSLIDER

Can you help me to fix this issue. I was trying to integrate the arrow controls(left & right) to BxSlider when I pressed the next key(right arrow) the last slider image show up which not suppose to show up instead the next slider image then same…
codepinoys
  • 153
  • 1
  • 2
  • 8
6
votes
2 answers

Horizontal swipe gesture and vertical page scroll

I am building a mobile site and I have a slide show of images that allows sliding through images horizontally. The javascript library I'm using is bxslider. However, if one touches the slide show and wants to scroll the page up/down, the slide show…
Sorin Cioban
  • 2,169
  • 6
  • 28
  • 35
5
votes
2 answers

colorbox breaks on rel attribute when bxslider is loaded

After much debugging I came to the conclusion these two libraries are colliding. I tested them both separate and they work but when used together (and there is a rel attribute things break) How to reproduce If the link has a rel or…
Jorge Vargas
  • 6,002
  • 7
  • 30
  • 29
5
votes
1 answer

Safari css rotate issue with bxslider

I have made bxSlider with css rotation of 360 degrees. This is working fine in all browsers except in Safari. Can anyone help me with this? Please find link here. Code below: $('#TestimonialUL').bxSlider({ pager: false, mode: 'fade', …
Ganesh Yadav
  • 2,299
  • 2
  • 23
  • 50
5
votes
1 answer

Adaptive bxSlider width or center image

I have a slideshow with pictures of many different aspect ratios. I would like the images to be centered in the slideshow. How can I do this, or even better, how can I automatically resize the slider?
MDTech.us_MAN
  • 1,842
  • 1
  • 16
  • 26
5
votes
5 answers

Hide Pager if bxslider has only 1 slide

I'm trying to add a class "disabled" to the pager if the slider has only 1 slide showing, and nothing to actually slide. I'm sliding a div, not a list. It's just a basic div:
... …
user2394820
  • 51
  • 1
  • 1
  • 4
5
votes
3 answers

Bx Slider makes other elements on the page moving (on Chrome)

I found bug on 2 websites: as said in the title, when a slide is running, some elements further in the page are moving at the same time. Check this page: http://www.cosmosupplylab.com/ Scrolling down on the page to the Team part, some portraits are…
JaK L
  • 51
  • 1
  • 4
4
votes
1 answer

bx slider start/stop function

I'm using the bxslider plugin, and have created some external controls for the previous and next function, although I cant seem to figure out how to do the same with the start/stop control. Basically I want to use this as a play/pause function for…
user1031508
  • 105
  • 1
  • 1
  • 8
4
votes
1 answer

BX Slider - Responsive - Min / Max Slides

I am trying to change the amount of slides shown at different window widths, on inital load its pulling the right amount of slides through. but on resize the min/max slides within the slider options dont seem to be changing, even though my console…
ltjfansite
  • 375
  • 5
  • 17
4
votes
2 answers

Jquery bxslider exception

Alright so the problem is basically unknown for me, never had it before. I tried adding bxslider today but it seems it doesnt work properly. I tried using the other version of the JS that he provided but same thing happends, the images keep on…
Tomislav Tomi Nikolic
  • 438
  • 1
  • 6
  • 13
4
votes
2 answers

How do I integrate lazyload & bxslider together?

I want to lazily load images in the bxslider (or any slider like control, which allows dynamic number of slides/images). I'm using lazyload for loading images lazily, but the images in the slider isn't loading lazily. All the images are getting…
Abhishek
  • 6,114
  • 12
  • 46
  • 78
4
votes
5 answers

remove border around bxslider slides

I am using jquery bx slider. I want to remove the border around the slides. How do I do this? I tried this, but it didn't work: ul.bxslider { -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; border: none; } Any other ways…
arximughal
  • 273
  • 3
  • 16
4
votes
1 answer

how to use bxslider plugin in ember.js

I am creating an ember application.In one of the page I am implementing weather api. I am getting the data which I want to display, but cannot implement jquery slider in ember.js framework. This is my template:-