bxslider

I have a bxslider plugin working on a site I am making for somebody and it works in all browsers except IE9 (possibly earlier versions of IE also but all I have to test it on is 9) I'm wondering where I'm going wrong in my code. I'll mention it's running alongside the scrolldeck parallax plugin Here is the related code from my header (calling the bxslider and scrolldeck parallax): <link href="style.css" rel="stylesheet" type="text/css" /> <link href="tipTip.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min

I have multiple slideshows and im using this code: var demo = $('.demo').bxSlider({ mode: 'horizontal', captions: false, touchEnabled: true, controls: false, pager:false }); $('.slider-next').click(function(){ demo.goToNextSlide(); return false; }); $('.slider-prev').click(function(){ demo.goToPrevSlide(); return false; }); but it does not working... any one have a idea why is that? Thanks! I had the same problem with multiple sliders on one page: public functions for controling the slides didn't work (the same way you do in your example). The solution is to set controls=true and create unique

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 the slider. Does anyone have any experience with this plugin? Here's what I have so far, without the start/stop function working: http://jsfiddle.net/WaWLN/1/ Also, I want the slider to "auto" play, as well a having this external controls. I just noticed that clicking on any of my links seems to disable the auto play, and I have to refresh the page

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 blocks vertical scrolling and hence another section of the site must be touched. Could someone please tell me how I could keep vertical scroll enabled (i.e, not allow the slideshow to block the normal scroll?) Thanks! Try this, Change the onTouchMove fn in the bxslider library to this var onTouchMove = function (e) { if (slider.settings.mode !=

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", link: function(scope, element, attrs, ctrl){ element.ready(function(){ $($(element[0])).bxSlider({ maxSlides:1, auto:true, controls:false, pager:true }); }) } } }) Above I am using like this $($(element[0])).bxSlider({ after ready function as I search for a problem where bxslider should work with ng-repeat and found this solution after which bxslider is working but sometimes