jquery - looper.js plugin - images invisible in between crossfade animations -


i've been trying use looper.js loop through various words or images inside div (examples)

everything seems work ok except when use crossfade animation option (class="xfade"). the content appears during animations, , otherwise invisible.

this fixed commenting out position: relative in .looper .looper-inner:

.looper .looper-inner {   overflow: hidden;   width: 100%;   height: auto;   /*position: relative;*/   z-index: 2; } 

but not acceptable solution since messes responsive layout on mobile.

i guess must noob mistake on part since i'm using default official examples...

demo: jsfiddle

thank help.

it seems looper plugin not stable, , support on far excellent. ended using other plugin called cycle2, more popular , highly customisable.

cycle2 comes many fancy transitions, feel free check out cycle other more traditional transitions.

edit: concerning looper.js, solution specified height of .looper .looper-inner every single animation class you're using (default 100%).


Comments

Popular posts from this blog

java - WrongTypeOfReturnValue exception thrown when unit testing using mockito -

php - Magento - Deleted Base url key -

android - How to disable Button if EditText is empty ? -