flexslider 相关问题

FlexSlider是一个完全响应的jQuery滑块插件。

<li>样式用flexslider覆盖css

我正在我的响应网站中使用 whoothemes 的 flexslider 来显示图块。 这些图块在不同的设备上必须具有特定的宽度,此时它向我显示以下代码:...

回答 1 投票 0

Flexslider 将项目符号隐藏在幻灯片下方

我使用的是一个非常基本的滑块,我有两个问题: 我似乎没有找到隐藏幻灯片下方默认按钮控件的属性? 我希望只有上一个/下一个控件...

回答 4 投票 0

使用滑块和缩放效果将 woocommerce 产品库显示到特定帖子

我想显示 woocommerce 产品库以发布页面,并在我的自定义主题(基于 twentysixteen)上具有库效果。 状态 WooCommerce 版本:3.5.1 为了展示产品图库,我...

回答 1 投票 0

如何解决弹性滑块问题?

任何人都可以帮我找出为什么会出现此错误吗? 未捕获的类型错误:jQuery(...).flexslider 不是函数 jQuery(文档).ready(函数() { jQuery('.slider').flexslider(); 在

回答 1 投票 0

如何在最后一张幻灯片后禁用鼠标滚轮并在到达页面顶部时重新启用它?

我试图在最后一张幻灯片上禁用鼠标滚轮,并在到达 FlexSlider 末尾时向下滚动到页面。这里的问题是,当我回到页面顶部时,我无法再次使用鼠标滚轮。 我...

回答 1 投票 0

如何使用Flexslider使用按钮超链接?

我想使用我的 Flexslider 浏览我的页面。它不会让我点击滑块顶部的按钮。 滑块: 按钮, h3 { 位置:绝对; z 索引:2; } .滑动按钮...

回答 1 投票 0

Flexslider 顶部有导航按钮,无法获取工作链接

我想使用我的 Flexslider 浏览我的页面。它不会让我点击滑块顶部的按钮。 滑块: 按钮, h3 { 位置:绝对; z 索引:2; } .滑动按钮...

回答 1 投票 0

Flexslider:在最后一张幻灯片后禁用鼠标滚轮,并在到达页面顶部时重新启用它

我试图在最后一张幻灯片上禁用鼠标滚轮,并在到达 FlexSlider 末尾时向下滚动到页面。这里的问题是,当我回到页面顶部时,我无法再次使用鼠标滚轮。 我...

回答 1 投票 0

Wooslider/Flexslider 响应图像不起作用

我正在为客户制作一个作品集网站,因此让响应式图像发挥作用非常重要。在我将设计转换为 WordPress 之前,一切都 100% 正常工作,但我刚刚安装了

回答 2 投票 0

嵌入 SociableKit 破坏了我在网站上的 Flexslider

因为我想要一种将谷歌评论嵌入我的网站的方法,所以我选择了 SocialbleKit。 将其嵌入我的网站会导致问题。以下是socialble提供的嵌入代码。 --> ...

回答 0 投票 0

我的图片没有出现,问题出在flexslider的代码上

我正在使用来自 flexslider 的幻灯片, ... 我正在使用来自 flexslider 的幻灯片, <div id="slider"> <div class="flexslider"> <ul class="slides"> <li> <div id="slide1"> <div class="cta"> <h2>Creative</h2> <p>Maximize opportunities for creative expression</p> <button>Find out how</button> </div> </div> </li> </ul> </div> </div> 并选择我使用 css 的图像, #slide1 { background-image: url("../images/slider/slider01-small.jpg") ; } ,但是图像没有出现,所以我去看了flexslider.css,我发现了这个: .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } ,我评论了它,问题解决了,问题是我找不到该代码的原因,或者如果它很重要,有人知道吗?。 我尝试寻找其他有与我或 git 类似问题的人,但我没有找到任何东西。

回答 0 投票 0

当在Flex滑块angularjs中单击新视频幻灯片时,暂停当前播放的YouTube视频

我正在通过此链接https://github.com/ArunMichaelDsouza/ng-youtube-embed使用ng-youtube-embed插件。我的网站上安装了flex滑块。视频正在弹性滑块中显示...

回答 1 投票 2

如何在flexslider的controlNav上打印幻灯片编号

我想要每个导航栏上的幻灯片编号HTML代码 [[[[[[[[[[[[[[[[ 您可以通过删除班级名称来做到这一点 使用以下代码在滑块启动后立即执行。 $('.flexslider').flexslider({ start : function(){ $('.flex-control-paging').removeClass('flex-control-paging'); } }); 注意:您可能需要再更改一些CSS以使其看起来很漂亮 仍然有人像我一样寻找解决方案,只需修改样式表'flexslider.css'即可解决。 该脚本已经为每个导航链接提供了一个数字,但是使用-9999px的文本缩进从视图中隐藏了该数字。要获取数字,请修改类“ .flex-control-paging li a”。例如,这是原始内容: .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } 修改为: .flex-control-paging li a { width: 20px; height: 20px; font-size: 20px; display: block; background: #ddd; cursor: pointer; } 和... .flex-control-paging li a:hover { background: #333; color:#eee; } .flex-control-paging li a.flex-active { background: #333; color:#FFF; cursor: default; } 应该为您添加自己的样式提供一个很好的起点。

回答 2 投票 -1

等待获取触摸动作,为什么?

我正在研究基于触摸的JS应用程序,我已经研究了Flex和Royal滑块作为示例。我注意到当获得touchmove事件时,两个滑块的行为类似:var start,touched; el.bind('...

回答 1 投票 1

如何更改jquery Flexslider箭头设计?

我正在尝试从CSS文件更改Flexslider箭头设计,但失败。我正在提供我想要做的事情和wat的屏幕截图:D或有什么方法可以更改flexslider图标或字体?这是...

回答 2 投票 0

Flexslider无法正常工作-WordPress

我试图在youtube之后在WordPress上设置FlexSlider,但不确定为什么滑块不起作用。控制台显示无错误!所有图像均已加载,但彼此重叠。函数。...

回答 1 投票 0

如何在flexslider上固定图像以做出响应?

所以我有一个HTML模板,我离开了互联网。我已经按照我希望的方式对其进行了编辑并创建了一个网站,但是我面临FlexSlider的问题。在移动设备上,图像(“幻灯片” ...

回答 2 投票 0

Flexbox(滑块)内部的Flexbox

我想创建带有横断面的水平滑块。 第一卡1 ...

回答 1 投票 0

FlexSlider with WordPress Gallery

您如何让FlexSlider与WordPress画廊一起使用?我正在创建一个自定义主题,理想情况下,我希望该主题中的每个画廊都可以自动转换为FlexSlider图像旋转器,...

回答 3 投票 0

FlexSlider:居中当前图像

我从使用bjqs滑块(它的响应能力是低于的)切换到使用流行的FlexSlider。我修改了bjqs滑块以显示屏幕中心的“当前”图像,其中...

回答 3 投票 2

© www.soinside.com 2019 - 2024. All rights reserved.