flexslider相关内容

FlexSlider Auto Height 仍然在滑块下方留有空间

我的 flexslider 上有自动高度,但它下方仍然留有空间. 我为滑块应用了背景颜色,它使用自动高度并上下移动,但似乎滑块正在拍摄最大的照片并将滑块保持在该高度. 任何帮助都会很棒! 您可以在此处查看该页面:http://therichmondhillgallery.com/index.php/shows/bruce-yardley/ 这是我的html: ..
发布时间:2022-01-24 17:59:25 前端开发

flexslider 中的 GIF 滑块,如何仅在滑块上开始 gif

现在我有一个带有四张幻灯片的 flexslider.第三个滑块是 gif 而不是像其他滑块一样的 jpg.我遇到的问题是,这第三个 gif 滑块显然在到达页面时立即启动,而不是在您实际到达该滑块时启动.当一个人点击前两个滑块时,gif 就快完成了. 任何人都知道我将如何开始一个 GIF,只有当一个人达到那个滑块? 解决方案 经过一小时的测试,我终于找到了解决方案,在你的声明代码中添加 ..
发布时间:2022-01-24 17:45:05 前端开发

FlexSlider:居中当前图像

我从使用 bjqs 滑块(它的响应能力较差)切换到使用流行的 FlexSlider.我修改了 bjqs 滑块以在屏幕中央显示“当前"图像,在当前图像之前和之后显示(部分)上一个和下一个图像.您可以使用 bjqs 滑块 here 查看我的实现,了解我的目标. 现在有了 FlexSlider,我想不出办法来做到这一点.图像向左浮动,因此“当前"图像位于容器的左侧.有谁知道实现这一点的方法吗? ..
发布时间:2022-01-24 17:29:42 其他开发

如何重新初始化 flexslider 以进行动态加载

我遇到了 flexslider 的问题,我需要从 web 服务下载我的 base64 图片.下载完成后,我制作了一个 .append() 来添加我的幻灯片... 但有时,所有内容都已完美添加,但滑块无法正确重新加载所以我得到这样的代码: 而不是这样的代码: 在这种情况下如何重新启动我的滑块? 解决方案 找到解决方案!只需添加这行代码即可删除旧的滑块参考(如果存在) ..
发布时间:2022-01-24 17:27:18 前端开发

如何使用 flexslider 设置多个滑块?

我使用 flexslider,当我按照他们网站上的说明操作时,它不适用于多个滑块,这是代码: 我需要两个滑块上的控制器导航,说明在这里:http://www.woothemes.com/flexslider/ 谁知道我做错了什么? ..
发布时间:2022-01-24 17:03:41 其他开发

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

这实际上只是对 Flexslider 延迟加载的回答这里使用我在下面粘贴的代码.我想对其进行更改,以便仅在真正需要时才加载图像. 我在之前和之后尝试了其他 Flexslider 属性,但它们在第一张幻灯片上造成了延迟?请问我能得到一些帮助吗? $('#slider').flexslider({开始:功能(滑块){//延迟加载$(slider).find("img.lazy").each(f ..

Flexslider 中的延迟加载

我正在尝试通过使用延迟加载 jquery 插件并遵循本站说明:http://www.appelsiini.net/projects/lazyload 我正在加载插件脚本,但在控制台上没有看到任何错误.我试过没有在lazyload函数中传递容器或选项,但仍然没有.我花了几个小时在这上面. $("img.lazy").lazyload({效果:“淡入",容器:$(".slides > li") ..
发布时间:2022-01-11 12:53:40 其他开发

Flexslider 手动控制不起作用

我已经使用 Flexslider 创建了一个滑块,我正在尝试使用 manualControls: 创建导航菜单,但链接不起作用.这是 flexslider 和滑块/导航本身的代码: 弹性滑块: $(窗口).load(函数() {$('.flexslider').flexslider({控制容器: ..
发布时间:2022-01-10 18:27:35 其他开发

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

我正在为一个项目使用 Flex 幻灯片r.我需要使用相同的控件在一页上控制两个滑块. 一部分是显示图像的主滑块,第二部分是文本(在这种情况下,它将取自 WP 中的“the_excerpt"). 基本上,这是我用来在一页上调用两张幻灯片的代码: $(window).load(function() {$('#main-slider').flexslider({动画:'幻灯片',控件容器 ..
发布时间:2021-12-05 13:52:01 其他开发

AngularJS 只显示 ng-repeat 中的最后一个元素

我在使用 flexslider 渲染一堆画廊时有一个奇怪的行为.如下所示,我有一个由几个对象组成的数组,这些对象组成了一个图像数组.当我“渲染"画廊时,所有画廊都会出现,但只有最后一个显示其图像.在所有画廊中,该特定图像数量的指示器以及标题和链接都是正确的,但图像丢失了. 我在这里做错了什么(/很多)吗?这是我的代码: $scope.galleries = [{title: 'galler ..

AngularJS 只显示 ng-repeat 中的最后一个元素

我在使用 flexslider 渲染一堆画廊时有一个奇怪的行为.如下所示,我有一个由几个对象组成的数组,这些对象组成了一个图像数组.当我“渲染"画廊时,所有画廊都会出现,但只有最后一个显示其图像.在所有画廊中,该特定图像数量的指示器以及标题和链接都是正确的,但图像丢失了. 我在这里做错了什么(/很多)吗?这是我的代码: $scope.galleries = [{title: 'galler ..

Flexslider,在最后一张幻灯片之后/上方禁用鼠标滚轮

我目前正在使用鼠标滚轮在幻灯片之间滑动.我拥有的滑块是全屏的,因此您无法滚动通过它.效果很好,但是我想禁用flexslider的鼠标滚轮功能,以便在最后一张幻灯片上可以自由滚动通过它或返回到上面.目前,我有以下内容: $('#main_slider .flexslider').flexslider({动画:“淡入淡出",动画速度:650,动作:1controlNav:否,directionNa ..
发布时间:2021-05-08 19:51:35 前端开发

如何在flexslider中停止自动滑动?

如何在Flex滑块中停止自动滑动?我已经将该滑块加载到了移动网页中.打开页面后,它将滑动到下一张图像,而不会发生任何滑动或点击事件.如何停止此自动幻灯片过渡?我需要使其仅在轻按或滑动屏幕时才能工作. 这是我的代码: $(window).load(function() { ..
发布时间:2021-02-13 18:32:49 其他开发

typo3 flexslider应该使用原始图像而不是裁切一个

在我的typo3 7.6.19网站中,我想使用flexslider插件. 效果很好,我的问题是图像是裁剪的,而不是我上传的原始文件. 如何更改它以使用原始图片? 预先感谢 解决方案 该插件设置了TypoScript常量 plugin.tx_wsflexslider.maxwidth=800px 您可以在TypoScript模板中修改此值(“模块模板">“常量编辑器"> ..
发布时间:2020-11-08 21:02:13 其他开发

滑块(flexslider)在页面加载时加载速度不够快吗?

目前,一个巨大的问题是我的flexslider加载速度不够快.从Google chrome上的网络报告动态加载到滑块中的图像表明它们的加载速度不够快. 存在足够大的延迟,以至于我不太满意,并且理想情况下,它希望尽可能快地加载滑块及其图像,因此用户不必等待它加载. 与脚本相关或与DNS相关. IM非常困惑为什么需要这么长时间才能加载. 解决方案 此后,我已对此脚本进行了编辑.它似 ..
发布时间:2020-11-08 21:02:09 其他开发

在Wordpress Organictheme上为集成的FlexSlider添加标题.

想为FlexSlider添加标题,该标题已集成到购买的Wordpress Organictheme中.我相信必须修改幻灯片页面的代码,尽管我在这里发现了一些类似的问题,但我还没有弄清楚(经过数小时和失败的尝试)在现有代码中的确切位置和确切位置.似乎字幕很容易理解!似乎它们应该以某种方式包含在 标记中???会真的感谢您的帮助. html,但不识字php.谢谢! 代码需要放在这里: ..
发布时间:2020-11-08 21:02:06 其他开发