flexslider相关内容

FlexSlider自动高度在滑块下方仍留有空间

我的flexslider上有自动高度,它的下方仍然留有空间. 我已将背景色应用于滑块,它使用自动高度并上下移动,但似乎滑块正在拍摄最大的照片并将滑块保持在该高度. 任何帮助都会很棒! 您可以在此处实时查看页面: http://therichmondhillgallery.com/index .php/shows/bruce-yardley/ This is my html: ..
发布时间:2020-11-08 21:02:02 前端开发

Flexslider全高和全宽

我正在搜索如何使flexslider达到浏览器的整个高度和宽度.当我将浏览器调整为更大的格式时,图像会缩放,但是当我使浏览器缩小时,图像会比底部缩小很多. 我怎样才能解决这个问题. 我为我的flex滑块使用了最简单的设置. 谢谢. Casper 解决方案 您可以使用背景图像和背景封面来填充或填充图像. 就我而言,是这样的东西来覆盖flexslider CSS: .f ..
发布时间:2020-11-08 21:02:00 其他开发

在Woocommerce中更改移动设备上的FlexSlider选项

默认情况下,在单个产品页面上启用了选项'controlNav'='thumbnails'.可以在台式机上使用.但是在移动设备上,我想成为"controlNav" = true(点).我试图用ajax做到这一点,但我想我需要以某种方式用flex幻灯片刷新该片段以应用过滤器.我不明白. 在JS文件中: if (window.matchMedia('(max-width: 800px)'). ..
发布时间:2020-11-08 21:00:55 PHP

Woocommerce 3.x产品库滑块中的导航箭头

有人能在新的woocommerce滑块中为Next/Prev幻灯片添加导航箭头吗? 特别是在移动设备/桌子上的缩略图导航非常棒,但是对于台式机用户来说,拥有箭头也将是一个梦想!主产品图片上的箭头优先于灯箱.您将了解为什么在我们的网站上: http://52.56.199.58/collection/bedroom/giorgetti-syn-bedside -table/ Woocom ..
发布时间:2020-11-08 20:59:49 其他开发

在Flexslider幻灯片中播放YouTube视频并暂停幻灯片放映

我正在网站上使用 flexslider ,并将youtube视频放在某些幻灯片中.但是,我需要滑块在视频播放时停止动画播放,并在视频播放结束后恢复动画播放.我了解开发人员已使用vimeo API为该确切问题提供了解决方案.是否有使用youtube API实施的示例?是否有可能?我(显然)不是一名JavaScript专家,并且发现我通过示例/教程学得最好. 解决方案 在 https:上有一个 ..
发布时间:2020-11-08 20:59:47 其他开发

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

我使用flexslider,当我按照其网站上的说明进行操作时,它不适用于多个滑块,这是代码: 我在两个滑条上都需要一个控制器导航,这里的说明是: http://www.woothemes.com/flexslider/ 有人在做什么我做错了吗? ..
发布时间:2020-11-08 20:59:43 其他开发

FlexSlider和Fancybox

我将尝试使用FlexSlider构建滑块 滑块中的图像应通过Fancybox进行"onclick"查看. 我现在的代码: $(".slides li").fancybox(); $('#flex1').flexslider({ animation: "slide", animationLoop: false, itemWidth: 179, itemMargi ..
发布时间:2020-07-24 03:22:02 PHP

Flexslider在IE中不起作用

我正在尝试在我们的网站上实施基本的flexslider.它与chrome,Firefox和safari兼容.但是在所有版本的IE中,它只会炸裂页面的整个宽度和高度. 此处是链接.请指教 解决方案 我尝试了这个对我有用的东西. 在标题标签中添加以下行,以强制IE以最新文档模式呈现. ..
发布时间:2020-07-14 06:10:05 其他开发

Chrome上的FlexSlider 2字幕闪烁

我在chrome上的标题出现了一些闪烁: http://tyni.cc/flexsliderissue 在野生动物园中一切正常. 有人知道怎么了吗? 谢谢, 丹尼尔 解决方案 我经常使用Flexslider,并且发现了同样的问题.将'useCSS'属性设置为'false'对我来说固定.但这并没有弄清楚为什么会发生这种情况. 希望这会有所帮助. ..
发布时间:2020-07-08 02:12:32 其他开发

jQuery Flexslider在幻灯片更改上添加和删除类

我正在使用jquery插件 Flexslider .我将轮播用作滑块的导航.我正在尝试在页面加载时将css类“活动"添加到第一个轮播元素,然后在用户选择另一个元素时从第一个元素中删除“活动"类,然后将“活动"类添加到下一个元素用户选择. 轮播可以很好地用作导航,但是当我按照以下建议在轮播中使用“启动功能"添加活动类时,滑块停止移动,仅停留在一张幻灯片上.奇怪的是,它可以工作3-4次,然后再保 ..
发布时间:2020-06-28 22:10:23 前端开发

事件未触发(或格式正确)后的FlexSlider

我正在使用Flexslider为一系列滚动幻灯片制作动画.可以正常工作了.我现在想做的是利用"after:"回调在幻灯片的标题中淡入淡出.就运行顺序而言,它看起来像这样: 幻灯片(包含背景图片)会淡入. 暂停(1秒). 标题淡入. 我在'after:'事件旁边使用了以下函数,您是否不知道呢,它不起作用.标题已设置为显示:无;但从不显示(是的,我的时机还不错). after: ..
发布时间:2020-06-28 20:18:15 前端开发

WooCommerce中产品缩略图的滑块

我为WooCommerce商店建立了自己的主题. 目前,我对现有模板文件所做的更改很少. 但是我想在产品页面上更改图像滑块的视图. 目前,我正在使用基本输出和一些基本样式. 问题是,如果缩略图不能单行显示,则缩略图将显示在多行中. 我需要的是缩略图的滑块. 我试图更改模板文件product-thumbnails.php.但是它使用了名为wc_get_gallery_image_h ..
发布时间:2020-06-28 19:24:08 其他开发

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

flexslider出现问题,我需要从Web服务下载base64中的图片. 下载完成后,我创建一个.append()来添加我的幻灯片... 但是有时候,所有内容都完美添加,但是滑块无法正确重新加载 所以我得到这样的代码: 而不是像这样的代码: 在这种情况下,如何重新启动滑块? 解决方案 找到解决方案! 只需添加此行代码即可删除旧的滑块ref(如果存在) $('#fl ..
发布时间:2020-06-28 19:10:04 前端开发

Flexslider-通过点击进入下一张幻灯片

希望有人可以帮助我解决Flexslider问题. 以下是指向滑块的链接: http://www.findspace.co.uk/FINDSPACE2014/pages/3bed_biddrdb.html 我真的很想添加一个onlick功能,以便用户可以单击当前的主要大图像并前进到下一张幻灯片.我不介意是否需要通过方向箭头来实现这一目标.我想它还需要回到序列末尾的初始幻灯片. ..
发布时间:2020-06-27 23:08:34 其他开发

Flexslider无限循环不起作用

我在网上浏览 Flexslider有一个众所周知的问题,它与滑块或轮播一起到达滑块中的最后一项时,它会飞回第一个,而不是使无限循环保持平稳 我不敢相信没有人能解决这个问题 这是我正在使用的flexSlider代码: $(document).ready(function() { $(window).load(function() { $('#carousel-two') ..
发布时间:2020-06-27 22:12:12 其他开发

Flexslider和从右至左语言支持

我在WordPress上安装了包含Flexslider的模板.我的语言是从右向左(RTL)编写的.当页面为RTL时,Flexslider停止并且没有图像出现.我该如何解决这个问题? 解决方案 flex滑块不支持rtl语言.修复此问题的唯一方法是使div按住滑块direction: ltr 在您的主题上,如果主页上的滑块找到一个名为index.php的文件,则找到保存滑块的div和所有 ..
发布时间:2020-06-27 20:56:45 其他开发

Flexslider-图像预加载器

我的自适应flexslider插件有问题.除非您在实际的幻灯片放映中有很多图像,否则该插件可以正常工作.这样就无法接受加载行为. 我希望有人可以帮助我处理以下flexslider图像预加载器脚本,因为我无法使它正常工作. 这是我正在使用的代码: FLEXSLIDER HTML ..
发布时间:2020-06-26 14:13:51 其他开发

Flexslider导航位置

是否有任何方法可以将flexslider导航(为directionNav: true)导航到特定的 ?现在,没有选项如何控制导航的位置.它总是出现在 我想将其放置在 之外 解决方案 插件中没有此类选项. 但是,您可以尝试实现的方法. 使用css/javascript设置. ..
发布时间:2020-05-16 22:01:37 其他开发

仅在IOS设备上使用flexslider 2的容器高度问题

我有一张flexslider幻灯片,其中有一张图片和一个用于显示特色文字的位置.在整个站点上,它从左侧的图像开始,右侧是浮动的特色文本区域.这两个项目都在一个包含黑色背景的div中. 当屏幕缩小时,我已经通过媒体查询使图像位于顶部,而特色文本区域位于其下方,并且两者均为100%.它们是相对的,因此其下方的内容将根据精选文本区域中的文本量来更改位置. 第一个示例-最高的幻灯片 下图 ..
发布时间:2020-05-10 00:44:54 前端开发

Flexslider幻灯片宽度问题

使用flexslider有一个奇怪的问题.幻灯片LI的宽度不正确,因此所有幻灯片都将显示出来.这仅在首页加载时发生.一旦我切换到另一个选项卡并切换回所有内容,一切看起来就很好.也许是JS加载问题?! 屏幕截图:此处 flexslider.css .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {text- ..
发布时间:2020-05-03 03:28:50 其他开发