从flexslider标题中删除延迟 [英] Removing delay from flexslider caption

问题描述

我使用flex-caption在我的flexslider图像上放置一个水平框，一切都很好，除了滑块显示下一个图像需要1-2秒才能显示。我该如何删除？你可以看到我的网站这里，如果你滚动到下一个图像，你可以看到它不会立即加载。



jsfiddle



我尝试了什么：



我试图删除过渡但我不确定这是不是问题。有人可以帮我吗？

解决方案

寻找

< blockquote> .flexslider.defaults =

和/或slider.vars.initDelay value。



将值（或保留默认值并设置自己的值）设置为可在短期内触发动画的值。



或者（如果我误解了你的问题） - 负载延迟可能是由于脚本和/或对容器来说太大的图像的加载速度缓慢（也就是说，如果你有5000px x 3000px的10MB图像并且你正在显示它在一个400 x 300的面板中，你浪费带宽并且没有理由地放慢系统速度。）



我希望这会有所帮助。祝你好运。

I used flex-caption to put a horizontal box over my flexslider image and everything works great except for that it takes 1-2 seconds for it to appear when the slider shows next image. How do I remove this? You can see my website HERE and if you scroll to the next image you can see that it doesn't load immideately.

jsfiddle

What I have tried:

I have tried to remove transitions but i'm not sure if this is the problem. Can anyone help me please?

解决方案

Look for

.flexslider.defaults =

and/or slider.vars.initDelay value.

Set the values (or leave the defaults and set your own values) to ones that will trigger your animation in shorter term.

Alternatively (in case I misunderstood your problem) - load delay can be caused by slow loading of scripts and / or images that are too big for the container (that is, if you have 5000px x 3000px image of 10MB and you're showing it in a panel 400 x 300, you're wasting bandwidth and slow down the system without reason).

I hope this helps. Good luck.

这篇关于从flexslider标题中删除延迟的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！