Click here to Skip to main content
15,942,799 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
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?
Posted
Updated 17-Jun-16 0:55am

1 solution

Look for
JavaScript
$.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.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900