我正在使用flexslider2来显示我的幻灯片。

但是我有一个问题,就是我的元素的宽度在第一页加载时计算错误。

当我打开萤火虫并单击内联样式时,宽度会更改,并且所有内容都会正确显示。 另外,当我调整浏览器大小时,一切都正确。

为什么会有这个问题?

当我查看flexslider代码时,我发现了这一点:

 slider.computedW = slider.itemW - slider.boxPadding;

这应该没问题....因为在调整大小时,它仅使用computeW:

  if (vars.smoothHeight) methods.smoothHeight();
        slider.newSlides.width(slider.computedW);
        slider.setProps(slider.computedW, "setTotal");

请帮我!!!

#1楼 票数:0 已采纳

您的flexslider是否在容器内? 如果是这样,您可以将flexslider设置为在页面加载时自动调整为该特定高度。

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");    
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });

另外,如果您的容器的高度比flexslider的高度略高,则可以在下面使用。 (“ 5”是您要更改高度的像素数)

  $(document).ready(function(){
  var containerheight = $(".flexcontainer");
  containerheight = containerheight -5;
  var borderWidth = $('.flexslider').css('height', containerheight.outerWidth());
    });

  ask by Fl0R1D3R translate from so

未解决问题?本站智能推荐:

1回复

Flexslider2示例:相同的代码,不同的结果(本地和jsfiddle)

我已经在本地和jsfiddle上实现了Flexslider2。 每个使用完全相同的代码。 但是,当在Firefox,Chrome和IE9上本地查看我的页面时,Flexslide仅调整图像宽度。 jsfiddle http://jsfiddle.net/T64Gp/3/可以在保持图像长宽比
1回复

Flexslider图像在较小的屏幕上重叠

我正在尝试使网页响应移动,但是flexslider中较小屏幕上的图像会歪斜。 无论是加载还是按比例缩小,右边的图像都会侵占当前图像。 我会发布一张图片,但我需要更多的信誉点。 我试图弄清楚如何推动当前查看的图像,以免过早显示下一张图片的边缘。
2回复

双击问题导航

我创建了一个响应式导航菜单,但在平板电脑上,它有“双击”问题。 当您点击主标题时,它会在您单击副标题之前重新加载页面。 我已经尝试了一些 jquery 插件,但是它们使我的导航栏下方的 Flexslider 不显示(我不知道他们是否隐藏了它或发生了什么)。 有想法该怎么解决这个吗? 谢谢 Codep
5回复

Flexslider的固定大小

我正在使用 Flexslider 从 API 中提取不同大小的产品图像。 我一直将它们放入 Flexslider 的<ul> ,但是这些不同的图像尺寸不能很好地发挥作用。 当图像具有不同的高度时,Flexslider 可以很好地动画,但我想让 Flexslider 具有固定的高度和宽度以
1回复

flexslider方向箭头响应

我目前正在尝试在全角和某个断点处使用flexslider,我希望将方向箭头放在滑块下方以供移动使用。 然后,我将在此处使用文本按钮来移动滑块。 我尝试了一些解决方案。 创建了两个滑块:一个用于全幅,另一个用于移动。 当它到达断点时,我将全角隐藏起来,但是我似乎无法将这两段JavaScr
1回复

Flexslider箭头错误,如何解决?

我在flexslider上遇到一些问题,导航箭头显示不正确。 我尝试编辑“ flexslider.css”,但没有成功,有任何解决此问题的线索吗? (看图片,我的浏览器[Chrome]在IE上显示的是该字体而不是图像,它只是一个看不见的块中的链接)。 [注:我正在使用Bootstrap。]
3回复

Flexslider加载时下推内容

我的主页上有不同的部分,上面有锚标记。 其中一部分包含全角“ flexslider”滑块。 当我链接到滑块下方的主页上的任何锚点时,从另一个页面链接到视口的位置正确。 但是当flexslider加载时,它会将所有内容推低。 我通过为flexslider容器定义了固定的宽度和高度来解决此
2回复

Flexslider中的元素变得模糊

使用Flexslider,尽管这可能适用于其他地方,但有时所有元素都会变得模糊/模糊。 这包括文本和边框。 我假设是flexslider决定将它们偏移0.5像素时。 有没有办法防止这种效果发生,或者防止子像素偏移? 我已经尝试了所有的文本渲染。 此外,进入Chrome开发工具并删除.