Removing delay from flexslider caption

JavaScript
1

I used flex-caption to put a horizontal box over my flexslider images and everything works great except for that it takes 1-2 seconds for it to appear until 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

2

Hi,

I think this is more a JS question than a css one as its something to do with the the way the element is cloned and then placed I think,

You could make the caption appear less abrupt using a fade in with css and perhaps a small slide in.

e.g.

.flex-caption{opacity:0;left:0!important}
.flex-active-slide .flex-caption{
opacity:1;
transition:all 2s ease;
left:27%!important;
}

That looks much better to me.:slight_smile:

Otherwise I can move this to the js forum for advice on how to change the css although it looks quite involved.

1 Like
3

Hi,

Thank you for helping me! I think that looked pretty great! And it would be really kind of you if you could move it to the js forum because I wanna get that solved.

Thank you again!

4

OK Moved to JS Forum :slight_smile:

1 Like
5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.