bxslider

Responsive JavaScript – load/hide specific function related to browser width?

由 冷暖自知 提交于 2019-12-11 21:58:49
问题 first fo all: i'm not into JavaScript/JQuery! …but i will try to point out what i want to do. i'm using the fantastic bx-slider on my page and i made my website responsive via media queries which both works great so far. …but there are some features from the bx-slider-script which i don't want to get active on a specific browser-width. here's what i want: browser-width LOWER than 500px = load this function: $('#slider4').bxSlider({ minSlides: 2, maxSlides: 2, slideWidth: 230, slideMargin: 10,

Width not being respected in bxSlider

由 五迷三道 提交于 2019-12-11 20:45:45
问题 I am trying to make a slideshow with the jQuery plugin bxSlider. Ultimately what I am trying to achieve is this: http://i.imgur.com/yae1Gvy.jpg Although I just found that image online. I'm not too worried about the scroll bar. I just want 2 of the 3 images to go off the page. bxSlider has an option to set the width of the slides (slideWidth) and I want that width to be the width of the image: 680px. The container of the 3 slides however will not fit all 3 slides at their normal width so it

Hover not recognized on floating dynamically generated element (bx slider)

由 爷，独闯天下 提交于 2019-12-11 18:32:21
问题 I am using bx Slider, using external controls for previous and next slide. All is working fine. However, I am using floating elements for the controls, since I want them in a line and filling the whole containing div (as in this question CSS three inline elements with align from left to right, how to occupy all available width ) However, the controls are generated dynamically by bxSlider, and for some strange reason, if the elements are floating hover is not recognized Here is an example page

bxSlider Stopped Working 2 Days ago with no code changes

由 萝らか妹 提交于 2019-12-11 12:07:06
问题 I've been pulling my hair out with this. We have an implementation of bxslider in a SharePoint 2013 home page. This work was completed by my now departed collegue, so not my work, but .... it was finished and working. Now though I get a runtime error when calling onSliderLoad callback function which calls slider.goToNextSlide(); Extract from Debug Output window VS: 0x800a138f - JavaScript runtime error: Unable to get property 'goToNextSlide' of undefined or null reference I've pretty much

How to move to the next slide without animation for BxSlider?

由 别说谁变了你拦得住时间么 提交于 2019-12-11 06:45:53
问题 I am using a jQuery plugin bxSlider. There are two custom buttons, prev and next to toggle the sliding. However, there is a specific situation where I need to move to a slide without animation, I want it to be instant. Is there a way to achieve this? 回答1: From the available options, Set the option speed to 0 , you will not get any animation. $('.bxslider').bxSlider({ mode: 'fade', speed: 0, captions: true }); DEMO 回答2: jQuery: $('#slider').bxSlider({...}); $('.pager-item').on('click',

BX Slider and scrolling the page

由 三世轮回 提交于 2019-12-11 03:57:42
问题 I am using bxslider for a mobile site, horizontally scrolling images. The problem is that page is not scrolling if you touch bxslider. How can I catch the finger direction and scroll the page down ? thanks. 回答1: You can set the option touchEnabled to false. 来源： https://stackoverflow.com/questions/13845799/bx-slider-and-scrolling-the-page

No arrow on images when using bxslider

由 自闭症网瘾萝莉.ら 提交于 2019-12-10 20:12:30
问题 I just learnt about bxslider and made my first slideshow by reading the docs. But I cant see the right and left arrows on the images so that the next image can be shown by a click as shown in this example at: This Link Here is my code: <!DOCTYPE html> <html> <head> <title>New seven Wonders of the world</title> <script type="text/javascript" src="jquery.js"></script> <script src="jquery.bxslider.min.js"></script> <!-- bxSlider CSS file --> <link href="jquery.bxslider.css" rel="stylesheet" /> <

Nested bxSlider

由 家住魔仙堡 提交于 2019-12-08 11:17:07
问题 I would like to have a vertical carousel slider and inside each vertical slide I will have a horizontal slider, I am using bxSlider and it works well for vertical slider part but when I nest the horizontal part the horizontal slider doesn't work as expected. Any idea on that? 回答1: Making a slider from multiple sliders is difficult even with a well documented one like bxSlider. Fortunately, I already made something that's pretty close to what your'e looking for. I couldn't get the horizontal

Public methods bxslider on multiple slideshows

由 笑着哭i 提交于 2019-12-08 02:27:50
问题 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! 回答1: I had the same problem with multiple sliders on one page: public functions for controling the

bxslider not working in IE9

由 荒凉一梦 提交于 2019-12-08 02:03:07
问题 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
订阅 bxslider