FAQ Database Discussion Community


Arrow disable if there are no more image in the left or right

jquery,ajax,prototype,bxslider
I use BxSlider carousel to display my gallery image, Lets say that I have nine images and the script is set with minSlides: 3 and maxSlides: 3, and i am watching image 1-3, then the arrow should be only on the right side, which means i can browse for more...

bxslider accessibility tabbing distorts slide alignment

javascript,jquery,html,bxslider
I'm using bxslider and have created 2 jsfiddles that show my problem. We were have accessibility issues so I've upgraded the library to 4.2.3 which has better support This is an example of bxslider and you can tab through the controls and everything is fine http://jsfiddle.net/qax7w8vt/2/embedded/result/ The problem comes when...

Bxslider in a pop up div

javascript,jquery,css,popup,bxslider
I am trying to launch a pop up div which will contain a bx slider. The link that launches the pop up div works fine. So is the pop up which appears with some text but the images inside the bxslider don't appear. I thought it was a z-index issue...

Multiple Instances of bxslider inside ng-repeat

javascript,angularjs,angularjs-directive,angularjs-ng-repeat,bxslider
I have created directive to load the bxslider because of the ng-repeat issue with it. Problem : Multiple Instances of bxslider is generated because of ng-repeat over the directive. When i am trying to wrap that div inside a another ng-repeat i am getting multiple instance of bxslider created one...

BxSlider—Click Slide for Next

javascript,jquery,slider,bxslider
Instead of using prev/next controls, I'd like to turn the slide itself into a next button. Pretty straightforward functionality, but I can't seem to figure it out. This is what I have: $(document).ready(function() { $('.bxslider').bxSlider({ adaptiveHeight: true, easing: 'cubic-bezier(0.600, 0.060, 0.500, 1)' }); $('.bxslider').click(function() { slider.goToNextSlide(); return false; }); });...

remove border around bxslider slides

jquery,css,bxslider
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 to do so?...

Control BX Slider from outside of function

javascript,jquery,function,responsive-design,bxslider
I have multiple BX Sliders on a page. I don't want to have to give each one an explicit ID in the JavaScript (as the documentation suggests) as there could be an unknown number of sliders. Each carousel has an ID in the markup. The slider also changes configuration at...

JQuery reload three settings variables based on window size

javascript,jquery,bxslider
I am trying to load three setting variables for bxSlider, based on the size of the window. I want the new settings to load dynamically when the browser is resized, not just on load. I have the below code that is setting the variables, I'm just struggling with making it...

JQuery slider: fade non active slides

javascript,jquery,html,css,bxslider
I'm working with a horizontal slider using JQuery, now I want something like on these examples below: the first picture show what I have so far. The second one shows want I want to do. The items that are 'none active' so that ones left and right from the center...

Update size of content slider on resize in bxslider

javascript,jquery,resize,bxslider
I am working on a full screen content bx-slider which is mix of text and images inside the slides with 100% height but somehow i dont know what is the problem its facing on resize. I am using this code:- $(function() { var eleSlider = $('.main-slider'); var callSlider = eleSlider.bxSlider({...

bxSlider WP Pro Multiple themed pagers

css,wordpress,slider,bxslider,pager
I bought bxSlider WP Pro. Everything is working fine. I just want to create several pager templates. Let's say I have a slider on the front page with blue pager and I have a slider in an inside page with red pager. Any ideas of how to do that? I...

Filter slider item with Show/Hide using bxSlider

javascript,jquery,html,css,bxslider
I have a bxslider on my webpage with the following options $('#carousel').bxSlider({ slideWidth: 146, minSlides: 2, maxSlides: 6, speed:500, adaptiveHeight: true, moveSlides:3, infiniteLoop : false, hideControlOnEnd : true, slideMargin: 10 }); Inside this slider I have multiple DOM element like the following <div class="itemClass_XX_YY carouselItem"> <div class="someClass"><img src="path/to/some/picture.png" /><span>SomeTitle</span></div> </div>...

how to add active class on centre li

jquery,css,bxslider
I would like to Make one “coverflow effect” based on DIV. I decided to use bxslider and everything is working fine but I am not getting the centre "zoom effect" which I would like... You can see an example of what I want here.http://www.cssjquery.com/coverflow.php I'm not sure how to get...

Bx slider - li width adjust based on content in mulitple number of slides

jquery,bxslider
I am implementing the bx slider. I using the text content in slider. I need the li content width adjust based on content. because some of li content is large content and some of them small.Have any default option having? I tried the following code. Html Code: <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script...

Bxslider, Custom Fields & Wordpress

php,wordpress,bxslider
Good Afternoon, can anyone explain how i can achieve two things with the existing code below: Remove the null values, as these are exporting bxslider items that have broken links For some reason two versions of each image in the the pager are showing. Can anyone see why and how...

PHP sort not working in Chrome and Safari

php,google-chrome,safari,webkit,bxslider
I am not sure if it is the sort that isn't working or the way that I am outputting the information. But it would seem that the order that these "li" elements are being made is wrong sometimes. The images in the folder are named something like A-Mike-groomsman-topRight-light.jpg B-James-groomsman-topRight-light.jpg C-Jared-groomsman-topRight-light.jpg...

bxslider: half my images are not showing

javascript,bxslider
I would love some assistance. I am a complete newbie when it comes to javascript. I am working on my first project as a uni assignment. I have successfully implemented the pagepiling plug in, and the bxslider is working well except for two problems. My main problem is that I...