草庐IT

BXSlider

全部标签

javascript - 显示/隐藏 div 中的 bxSlider

我的页面内容使用不同的链接切换,使用jQuery'showonlyone'函数一次显示一个div。在加载页面时,不应显示任何div。我让它工作正常,直到我尝试将图片slider(bxSlider)放在其中一个div中,newboxes1。在框外,bxSlider工作正常。其中,图片不显示。查看实例here.这是我的代码:functionshowonlyone(thechosenone){$('.newboxes').each(function(index){if($(this).attr("id")==thechosenone){$(this).show();}else{$(this)

javascript - 显示/隐藏 div 中的 bxSlider

我的页面内容使用不同的链接切换,使用jQuery'showonlyone'函数一次显示一个div。在加载页面时,不应显示任何div。我让它工作正常,直到我尝试将图片slider(bxSlider)放在其中一个div中,newboxes1。在框外,bxSlider工作正常。其中,图片不显示。查看实例here.这是我的代码:functionshowonlyone(thechosenone){$('.newboxes').each(function(index){if($(this).attr("id")==thechosenone){$(this).show();}else{$(this)

javascript - jquery bxslider 不能在 ng View 中使用模板

我在我的第一个Angular项目中使用jquerybxslider。它不适用于ngView中的模板。如果在没有ngview的情况下使用这个意味着它正在工作。这是我的HTML页面:Modest这是我的javascript文件//JavaScriptDocumentvarapp=angular.module('appSathya',['ngRoute']);app.config(['$routeProvider',function($routeProvider){$routeProvider//Home.when("/",{templateUrl:"partials/home.html",

javascript - jquery bxslider 不能在 ng View 中使用模板

我在我的第一个Angular项目中使用jquerybxslider。它不适用于ngView中的模板。如果在没有ngview的情况下使用这个意味着它正在工作。这是我的HTML页面:Modest这是我的javascript文件//JavaScriptDocumentvarapp=angular.module('appSathya',['ngRoute']);app.config(['$routeProvider',function($routeProvider){$routeProvider//Home.when("/",{templateUrl:"partials/home.html",

jquery - 使用无缝循环水平居中 bxSlider 轮播的事件图像?

我想制作一个非常简单的无缝循环轮播并尝试使用bxSlider,但我遇到了图像偏离中心的问题。我有3x1000像素宽的图像,我想做的就是确保事件图像位于浏览器的中间,另外两个图像在左侧/右侧无限循环,如下所示:我试过使用负边距技巧(left:50%和margin-left:-500px)但它没有用,bxSlider很友好疯狂的。我的代码非常简单,我在这里有一个fiddle:http://jsfiddle.net/j3hgA/有更好的方法吗? 最佳答案 这就是你需要的..演示:-http://jsfiddle.net/dush88gs/

jquery - 自适应 bxSlider 宽度或中心图像

我有一个幻灯片,其中包含许多不同纵横比的图片。我希望图像在幻灯片中居中。我该怎么做,或者更好的是,我如何自动调整slider的大小? 最佳答案 解决中心问题.bx-wrapperimg{margin:0auto;}slideWidthoption每张幻灯片的宽度。所有水平轮播都需要此设置!像这样:JS:$('.bxslider').bxSlider({mode:'fade',captions:true,pagerCustom:'#bx-pager',adaptiveHeight:true,slideWidth:300});HTML:

jquery - bxslider 指令抛出错误 `Uncaught TypeError: Cannot read property ' indexOf' of undefined`

我在我的应用程序中使用angularjs,我在其中为bxslider创建了一个指令。下面是指令代码: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});})}}}

javascript - BXSlider 4 在移动设备上全屏 : How to keep native vertical page scroll (up, 向下)但保持水平触摸功能(左、右)?

以下片段应该可以很好地说明问题:(function($){$('.bxslider').each(function(){varbxid=$(this).attr("data-bxid");varbx=$(this).bxSlider({auto:false,autoStart:false});});})(jQuery);/*Styles*/#before,#after{width:350px;height:350px;background-color:#ccf;}/*BXSlider*/.bx-wrapper{position:relative;margin-bottom:60px;p

javascript - 为什么 bxslider 会复制我的 div

我的设计师在我的页面上放了一个bxslider来很好地滚动3个div。当页面运行时,在html中我看到它在页面上生成了6个div。它显示div3、div2、div1、div3、div2、div1。只是因为我页面上的重复字段现在弄乱了我的程序。这是必要的吗?有什么方法可以让代码不重复我的div?该页面充满了复杂的代码,一个ajax将数据序列化传递给一个post表单。因为它都是重复的,所以现在所有字段都以“值,值”的形式出现。因此,它没有给我准确的响应,并且在它应该是数字时也未定义。我的表单帖子如下所示:functionsubmitCart(){$.post("scripts/saveca

javascript - Bxslider 插件在第一个 "action"后停止工作

我在使用这个网站时遇到了一些问题。我正在使用Bxslider插件为项目页面创建一种组合,但它有问题:只要单击缩略图或方向箭头,slider就不再起作用,我无法更改显示的图片。我试过切换我的html标记的位置,但它没有做任何新的事情。所以,这是我的html这里是js$(document).ready(function(){$('.portfolio').bxSlider({pagerCustom:'.thumbs'});});我不知道为什么会这样。如果能多加一点帮助,我们将不胜感激。如果你想看到它工作(或不工作......),这里有一个演示谢谢你的时间编辑:尝试将下载的.js替换为他们在