问题标签 [flexslider]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
891 浏览

jquery - 如何使用 Ajax 将 Flexslider 与 Wordpress 结合使用?

我正在使用 flexslider 来展示我的一些作品集。我希望在 Wordpress 中将每个作品集作为自定义帖子类型,并且仅在页面加载时将第一个作品集加载到 flexslider 中。然后,如果用户单击下一个/上一个按钮,我想使用 Ajax 加载下一个/上一个投资组合。我怎么能在 Wordpress 中做这个 Ajax?

非常感谢

0 投票
2 回答
4849 浏览

jquery - Flexslider 在 ipad/iphone 上无法正常工作

我在 1 个站点上有 2 个 flexslider。两者都有不同的 ID,都有绑定到它们的 flexslider,具有不同的设置:1 个元素将幻灯片设置为 true,第二个元素将幻灯片设置为 false。

在 PC 上,这按预期工作。

在 iPad、iPhone 和 Android 上,两个滑块都会自动进行幻灯片放映。多么可怕的问题!

任何人都知道如何解决这个问题?

0 投票
3 回答
4970 浏览

flexslider - resetting flexslider on element click

I am currently building a site which utilises multiple flexsliders. The concept is that when the user clicks a specific button, it shows a flexslider with featured content relevant to the button pressed, which is all pretty simple stuff.

The problem i am having is at the moment, the flexsliders are firing on the click of a button, however whenever a user clicks on a different button, the slider is not reset.

I want to try and make the slider reset to slide 0 on each button click. I have tried using .stop() and some of the callback features within the plugin, but i have had no luck as of yet. Was wondering if anybody else had ever faced this before? (and won..)

the code in the footer.php is pretty standard issue at the moment:

0 投票
5 回答
18407 浏览

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

我在一个项目中使用Flex slide r。我需要使用相同的控件控制一页上的两个滑块。

一部分是显示图像的主滑块,第二部分是文本(在这种情况下,它将取自 WP 中的“the_excerpt”)。

基本上,这是我用来在一页上调用两张幻灯片的代码:

现在,我需要将它们“连接”到相同的控件,所以当我单击箭头时,它会滑动/淡出它们。

0 投票
0 回答
611 浏览

javascript - flexslider 和 jquery 工具覆盖 - 访问滑块对象

我在jquery工具覆盖中使用flexslider

我想访问显示和隐藏叠加层的滑块。

我应该如何引用滑块?

0 投票
1 回答
912 浏览

jquery - jQuery flex 滑块

出于某种原因,导航按钮被切断而不是坐在滑块的顶部 这是一个屏幕截图 导航按钮被切断的屏幕截图我尝试了各种方法但无法让它工作我错过了什么

0 投票
1 回答
1654 浏览

jquery - FlexSlider - reset slideshowSpeed when jumping to slide

I have a website where I'm utilizing flex Slider. I have a navigation where the user can jump to slides.

It is a continuous carousel slide show. Right now I have slideshowSpeed set to 6000 milliseconds.

The problem is this: when the user jumps to a new slide, the slideshowSpeed is not reset.
For instance: we're on slide one, 2000 milliseconds elapse and the user clicks to slide 3. Now there are only 4000 milliseconds remaining on slide 3. I would like to reset the timer to begin the 6000 millisecond count again.

Anyone have a good idea on how to do this? maybe it isn't possible?

0 投票
2 回答
1682 浏览

android - 无法在 Android/Gingerbread 上使用 Flexslider/SwipeJS 激活选择

我最近完成了一个移动网站的构建,发现了一个似乎只发生在 Android Gingerbread 上的错误。

当在JS滑块(如FlexSlider或Swipejs)中的幻灯片上放置SELECT INPUTE时,您可以再也不能单击它或缩合并选择选项。

我想知道这是否与这两个滑块都使用的 display none/block 的使用有关 - 也许 Gingerbread 在这些情况下无法正确呈现选择?有趣的是,使用 SwipeJS 的第一张幻灯片是功能性的;其他人没有。

我在网上做了一些测试来证明:

http://playground.iamkeir.com/slider-flexslider1-select

http://playground.iamkeir.com/slider-flexslider2-select

http://playground.iamkeir.com/slider-swipjs-select

作为参考,我在示例中使用了 Flexslider 2 Beta,尽管 Flexslider 1 也会出现同样的问题。

https://github.com/woothemes/FlexSlider

https://github.com/woothemes/FlexSlider/tree/FlexSlider2

http://swipejs.com/

适用于 Android Icecream Sandwich、iPhone - 甚至黑莓。

我已经断断续续地摆弄了好几天了,我似乎无法缩小范围。

有人可以帮忙吗?

0 投票
3 回答
18259 浏览

jquery - 在flexslider中动态改变#container div的高度

我正在使用 flexslider 并且容器 div 有一个背景图像,它的作用就像一个设置在它底部的边框。我需要做的是让容器 div 像实际的 flexslider div 一样响应。因此,当您从右向左缩小窗口时,容器 div 的高度应该改变高度,如果这有意义的话。图像尺寸为 1680x748。目前容器 div 的高度为 805px,宽度设置为 100%。所以宽度并不重要。只需要改变高度。

0 投票
3 回答
9632 浏览

javascript - Flexslider (jQuery):暂停自动动画

我正在使用出色的 jQuery 插件Flexslider在网页上创建轮播。除了一件事之外,这一切都完美无缺:我希望滑块在用户单击页面上其他位置的给定链接时自动停止动画。

这甚至可能吗?