问题标签 [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.
scroll - Woothemes Flexslider 改变滑块速度的问题
我一直在使用 woothemes flex 滑块,我需要幻灯片的自动滚动速度更快。在最底部的 jquery.flexslider.js 文件中是默认设置,这是我能找到的文件中唯一可以控制速度的地方。但是,当我将速度从 7000 毫秒更改为更高或更低的数字时,我的速度根本没有变化,似乎我错过了一些非常简单的东西,但我无法弄清楚是哪个。
flexslider放置在一个简单的html页面上,本地版本或在线速度不会改变。
Ps 我是新成员,还不允许发布图像,并且我粘贴在此消息中的代码显示在行中且难以阅读,因此我将其省略了。
有没有人遇到过这个问题并知道如何纠正它?我很感激任何建议:)
jquery - jQuery Mobile + Flexslider - 回调后带有渐进式图像加载 AJAX 的幻灯片
我在回调后重新初始化 flexslider 上的新幻灯片时遇到了问题,并且 4 张幻灯片被滑动/使用,它不起作用。
有一个 jsfiddle 你可能想检查它。
另请注意,他们通过https://github.com/woothemes/FlexSlider实现了新功能是 slide.add() 和 slide.remove()没有关于这些新功能的更多信息。我不知道如何使用它们,然后我尝试了它,但它没有用。
我需要一个类似循环的功能,当您向后滑动时,它会恢复旧幻灯片并删除新幻灯片,然后向前滑动,由于移动设备上的 DOM 内存性能,它会删除旧幻灯片并添加新幻灯片。
任何帮助或建议,如 iframe、ajax 加载 HTML 将不胜感激。
谢谢你!
jquery - flexslider中的jquery flexslider
我对 flexslider 有疑问。我想在另一个 flexslider 中创建一个 flexslider。试图修复它,但它不能正常工作。
HTML:
JS:
你有什么解决办法?
php - 弹性滑块图像由php动态生成。尝试使用替代文字创建字幕
我的网站上有一个香草 flexslider 安装。滑块通过循环浏览无序列表中的列表项来操作。您只需在列表项后添加一个标题容器即可添加标题。这适用于硬编码图像。
我面临的问题是我的网站有多个部分,每个部分都有不同的幻灯片放映。我没有对 li 元素进行硬编码,而是使用 php 生成它们,这样当用户访问页面时,php 会确定用户正在查看的页面,并将其传递给幻灯片。然后幻灯片会找到正确的图像目录并加载该目录中的所有图像,无论是两个还是二十个。这比对每个幻灯片进行硬编码要容易得多,而且效果很好。
我需要让 flexslider 读取每个动态生成的图像的 alt 文本,然后将其放在标题容器中:
我试过使用:
并玩弄 flexslider 的 current.slide 无济于事。我整晚都在寻找这个,我似乎无法弄清楚这个。我希望这里有人可以为我提供缺少的链接。
提前致谢。
编辑:我想通了,这严重是一个过于复杂的问题。我所要做的就是调用我用于标题内“alt”属性的 EXIF 数据。我不知道为什么我花了这么长时间才意识到这一点。谢谢你们的帮助!
javascript - 如何将“Flexslider”当前图像编号转换为可在函数中使用的变量?
我正在使用flexslider。在此页面的高级点击下有一个示例(在“新的、强大的回调 API”部分中,他们用于slider.currentSlide获取当前幻灯片的编号。
如何在完全不同的函数中访问此值?我正在考虑一个全局变量,但我不知道这是否可行,我不知道是否可以将函数中的变量声明为全局变量。
jquery - FlexSlider 是否有销毁方法
当异步调用新的画廊列表时,我正在尝试重新初始化 FlexSlider 而不刷新页面。
我认为下面的例程会起作用,但事实并非如此。即使新图像已成功加载,第一个 FlexSlider 似乎仍然存在。
有没有办法摧毁,然后重建画廊?
谢谢
javascript - 使用 Flexslider 进行哈希 URL 导航
我正在构建一个使用 flexslider 的网站,但我想实现一些 URL 哈希导航。基于 URL 的哈希值,我计划获取要显示的幻灯片的索引,最接近的方法是查看手动导航的代码,其中单击元素的索引等于滑动:
于是我尝试调整原理,放到Flexslider的start属性中:
根据 URL 中的哈希获取相应的整数应该不是问题,但我似乎无法使用测试整数获得所需的幻灯片。
有人对 URL 哈希和 Flexslider 有任何经验吗?
javascript - Flexslider 添加幻灯片(Ajax 内容)
我正在写一个页面,其中有 4 张幻灯片,其中包含大量图像内容。为了提高加载速度,我们只想加载第一张幻灯片。然后在加载后,我们将通过 ajax 调用获得其余部分并将它们添加为幻灯片。
Flexslider V2 对此有一个 .addSlide 函数,但是我不断收到slider.addSlide is not a function错误消息。
任何帮助将非常感激。谢谢
这是我的代码。
[更新]
看来,如果您只有一张幻灯片,那么 flexsider 不接受这些额外的功能。从两张幻灯片开始,这个想法很有效。这很可能是 flexslider 的错误或预期功能。
javascript - 为什么 .attr('title') 抓取前一个元素的标题
更新 Flexslider 有一堆回调空间可供使用,这使得这成为可能。
感谢大家
LIVE CODE:
我上传了用于调试的实时代码;制作一个jsfiddles会相当困难。
问题: 函数 fetchTitle() 获取上一个图像标题而不是最新的?
说明:我有一个函数falled,它fetchTitles()从flexslider的活动幻灯片中获取一个标题标签并将其放入一个varibletargetTitle中。然后替换h1.head_line为targetTitle
脚本:(从完整脚本配对下来,请查看完整的实时代码)
HTML
补充资料:
- 如果您单击链接两次,您会看到标题会自行更新。
- 即使有准备就绪,文档准备就绪上的提取标题也会出现无法识别
.flex-active-slide。 - 脚本位于源代码的底部
script2.js
jquery - Flexslider - 根据锚点从特定幻灯片开始?
有没有办法让flexslider根据锚链接从特定幻灯片开始?
例如。
http://site.com/index.html#slide1 - 从幻灯片 1 开始
http://site.com/index.html#slide3 - 从幻灯片 3 开始
我想将它设置为startAt选项上的变量,它会说类似
如果 window.location.hash 是number,则从number开始。