bxslider not working properly for dynamically loaded content

bxslider
sammy_ji picture sammy_ji · Jan 7, 2013 · Viewed 10.8k times · Source

Had to use bxslider for one of the app. I have some issues while trying to implement bxslider with dynamically loaded content over ajax.

It works abruptly. Interestingly when there is a slight change in view port either by opening dev tools or window size change, it does sometime works.

Would just like to understand has anyone faced this issue before and what could be the workaround.

Thanks

Answer

stevenwanderski picture stevenwanderski · Jan 28, 2013

BxSlider now contains two new methods:

  • reloadSlider()
  • destroySlider()

After loading new content into your slider, try calling reloadSlider(), as this will re-initialize the slider and accomodate the new slides.

Check here for code examples:

Related questions

Bxslider Setting Height

So I just started using bxslider. I however I'm having issues setting the size of the slider. Naturally it takes the height of the largest element (I think). How do I set it to a fixed height, say 200px?

Read More
How to get bxSlider to hide the slides until the page loads?

I'm building an website that uses bxSlider. As the page loads, all of the slides are visible, stacked on top of each other. Once the page is fully loaded, the first slide remains visible and the rest disappear so that …

Read More
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 …

Read More