flexslider相关内容

OSX惯性滚动导致mousewheel.js以最小的滚动运动注册多个mousewheel事件

我正在研究一个非常标准的Flexslider实例. Flexslider 与 jquery.mousewheel.js 插件,允许幻灯片在鼠标滚轮事件上移动. 但是,Mac OSX和其他操作系统使用'intertia'来滚动效果,几乎不可能只左右滚动一张幻灯片.通常的效果是,在这种情况下,即使是最轻微的滚动运动也会触发多个鼠标滚轮事件,并使滑块向左或向右滚动多个图像.显然,这不可能发生! ..
发布时间:2019-11-13 15:43:48 JavaScript

手风琴内的flexslider行为问题

我有一个测试页以更好地解释我的问题.我在列表中有几项(它们是测试页上的图像);当我单击其中之一时,使用flexslider的相应幻灯片会向下滑动. 问题在于,在页面加载时,幻灯片会一次显示所有幻灯片,其大小比预期的要小得多.但是然后,如果我从窗口切换焦点(即在浏览器选项卡之间切换或移至另一个程序然后返回),则幻灯片现在可以正常工作,并且幻灯片大小合适.这也发生在移动设备中. 当我检查萤 ..
发布时间:2019-11-13 12:01:35 JavaScript

Flexslider 2垂直缩略图导航

我正在使用Flexslider 2开发站点.我试图使缩略图导航垂直工作,而不是默认的水平导航. 目前的问题是它可以工作,但是我发现垂直导航工作中存在很多错误. 有人尝试过吗? 任何帮助将不胜感激. 干杯, 标记 解决方案 从1/9/13开始,这似乎在Flexslider中似乎并不起作用,但是我已经使它在很大程度上发挥了作用.似乎它一次只能在滑块中包含一项(对于我们许 ..
发布时间:2019-11-12 19:53:32 JavaScript

Flexslider延迟加载-仅在真正需要时加载图像

这实际上仅是对Flexslider延迟加载此处的回答使用下面粘贴的代码.我想更改它,以便仅在真正需要时才加载图像. 我在之前和之后尝试了其他Flexslider属性,但是它们在第一张幻灯片上产生了延迟吗?请为我提供一些帮助. $('#slider').flexslider({ start: function (slider) { // lazy load $(slider) ..
发布时间:2019-11-12 18:18:45 JavaScript

打开叠加层时暂停Flexslider

我们目前正在开发一个利用Flexslider插件(最近由Woo Themes收购)的项目.我们在此页面上有多个弹出窗口,我们希望滑块在弹出窗口处于活动状态时暂停,并在弹出窗口关闭时恢复.暂停仅在“第一回合"有效,而恢复滑块不起作用.以下是我们用于滑块的代码.我尝试用除“结束"调用之外的所有可用调用来关闭“开始"功能. $w('#slider-frame').flexslider({ ..
发布时间:2019-11-12 17:00:19 JavaScript

如何销毁/移除/解除绑定Flexslider

在github页面上有一些关于destroy方法的讨论,还有一些关于堆栈的问题,但是还没有一个直接的答案或解决方案,我可以在大量搜索后找到. flexslider的当前版本 http://www.woothemes.com/flexslider/没有销毁方法.在注释中,它说以前的版本1.8可以,但是使用该方法不起作用. 我需要取消绑定flexslider元素,然后在另一个元素上调用.f ..
发布时间:2019-11-07 20:27:05 JavaScript

Flexslider中的延迟加载

我正在尝试通过使用“延迟加载" jQuery插件和以下内容来使 Flexslider 的延迟加载工作此网站上的说明: http://www.appelsiini.net/projects/lazyload 我正在加载插件脚本,但在控制台上看不到任何错误.我尝试了没有在lazyload函数中传递容器或选项,但还是一无所获.我花了几个小时. $("img.lazy").lazyload({ ..
发布时间:2019-11-06 13:38:15 JavaScript

Flex滑块-如何为两个滑块添加相同的控件

我正在将 Flex幻灯片 r用于一个项目.我需要使用相同的控件来控制一页上的两个滑块. 一个部分是将显示图像的主滑块,第二个部分是文本(在这种情况下,它将取自WP中的"the_excerpt"). 基本上,这是我用来在一页上调用两张幻灯片的代码: $(window).load(function() { $('#main-slider').flexslider({ ..
发布时间:2019-11-06 11:30:07 JavaScript

自动调整图像大小以适合Flex Slider

我正在学习如何使用 Flex Slider 来制作图像滑块和旋转木马。然而,当所有图像具有完全相同的宽度和高度时,Flex似乎只是好的。 问题可以在以下网站看到: https://dl.dropboxusercontent.com/u/785815/bastion/index.html 图像非常大,所以请在加载时保持耐心。 我的测试网站包含多个图像,宽度和高度各异。为了解决 ..
发布时间:2019-06-12 11:54:03 前端开发

如何使用before()回调来停止或延迟flexslider动画?

我在幻灯片放映到下一张幻灯片之前,在幻灯片的所有元素上添加了一个类 .animate-out ,问题是应用了css动画赢了显示因为flexslider立即移动到下一张幻灯片。 我在使用flexslider的之前添加了这个类()在动画功能中调用的回调函数滑块,所以用 slider.pause()暂停滑块(使用它会暂停下一张幻灯片)为时已晚。 我已经在 before()回调函数中使用 al ..
发布时间:2019-06-06 05:11:02 前端开发

如何在jquery flexslider完成加载之前隐藏图像

我尝试将wootheme的Flexslider集成到我的网站上,除了加载时它外观/效果很好。 当你用滑块刷新页面时, flexslider加载(大约1秒)第一张幻灯片显得非常大,闪烁为黑色然后消失,然后出现轮播。 我认为图片的加载速度比jquery快?我如何隐藏图像unti jquery加载(就像在演示网站上,即使我刷新30亿次,问题永远不会在他们的网站上重复,它都会正常加载! - h ..
发布时间:2019-06-06 01:18:53 前端开发

使用Flexslider 2覆盖CSS Display属性

我愿意隐藏在旋转木马div div#carousel_container - 在我的情况下 - 此Flexslider 2.2滑块所有 某个类但第一个。 我计划这样做的方法是隐藏它们(显示:无)然后使用jQuery显示(显示:块)第一个 ,可以使用以下自定义属性 data-gal-order = 1 进行识别。 我尝试了几种方法: 添加 div #carous ..
发布时间:2019-05-25 22:32:44 前端开发

对象没有方法'flexslider'

我正在尝试在我的网站上设置'flexslider'。 所以我使用这个jQuery加载函数,显然它没有加载.. $(window).load(function(){ $('。flexslider')。flexslider({ animation:“slides”, animationLoop:false, itemWidth:100, itemMargin:5 }); ..
发布时间:2019-05-25 21:05:34 JavaScript

设置显示Flex Slider轮播图像的数量

我在我的网站上嵌入了带有旋转木马的flex滑块。但是,我没有很好地设置滑块的属性(或者可能是CSS),就像这样。 http://www.screencast.com/t/xlRssnj43 旋转木马的最后一张图片是所示。 虽然我可以点击它,但理想情况下我希望它是这样的: http://www.screencast.com/t/NfOlZdUMQh 下一个/上一个按钮始终显示,并显示4个完整图 ..
发布时间:2019-05-25 19:36:20 前端开发

如何让Flexslider在iOS上显示不同的宽高比图像?

我在iOS设备上遇到过Flexslider的问题,似乎与这个悬而未决的问题。具有不同宽高比的图像的幻灯片在OSX Safari和我尝试过的所有其他浏览器(甚至是IE8)上正常显示,但在iOS 5或6上使用Safari或Chrome时无法显示。 iPhone和iPad都出现此问题。 我首先在一个大型响应式投资组合网站中注意到这一点,我正在为客户构建,并认为它可能与不寻常的配置有关,包括使用Aj ..
发布时间:2018-09-27 09:41:33 移动开发

Flexslider中的HTML5视频暂停操作(Woothemes)

有没有人在Flexslider(Woothemes)中成功实施HTML5视频?一旦视频开始播放,我无法弄清楚如何暂停幻灯片放映。我搜索了Flexslider文档,他们只有Vimeo如何实现这一点的建议。 解决方案 我一直在玩flexSlider html5视频暂时有用,这对我有用: HTML标记与任何flexslider基本相同,只需记下幻灯片的id即可。其中的视频: ..
发布时间:2018-07-03 19:16:41 前端开发

jQuery FlexSlider隐藏了滑块,但保留了手动控件的可见性

我有效地试图隐藏FlexSlider,除了一些控制缩略图。点击缩略图后,FlexSlider会淡入并滑动到相应的幻灯片。 我遇到的主要问题是,当隐藏FlexSlider时,控件也隐藏起来。有没有办法将两者分开,以便我可以通过永久可见的控件(由FlexSlider演示中的一系列点表示)来控制它们?然后,我可以附加一个onClick / fadeIn处理程序,它可以将滑块移动到正确的幻灯片中。 ..
发布时间:2018-06-26 20:50:03 前端开发

Flexslider缓慢的图像加载

我正在使用我正在构建的网站上的Flexslider。 我非常喜欢这种响应能力,这就是我不想变成nivo-slider或类似的东西的原因。 关于它的负面情况是它在所有图像加载之前不显示第一个图像。因此,您必须等待加载滑块中的所有图像才能使网站正常显示。这是可以接受的桌面/笔记本电脑,但不是在移动设备上。 我在这里找到类似的问题 Flexslider - 图像预加载器,但我无法实现它 ..
发布时间:2018-06-14 18:50:54 前端开发