Help on Ticker
im very new i just need to create a ticker thats seamless, I tried to create one but it animates fully and leaves a gap in between and when its done only does the next one start. using html n bootstrap
7 Replies
the gap
what im trying to get:
I can't make an example right now, but you have to fake that effect by adding more items in the markup. The easiest way is usually to double the list, then animate it moving half its width, and snap back to 0% at the end of the animation.
so basically the second set of items is just there so that it looks like the list is starting over, then when you reset back to the start they're seamlessly replaced by the identical items in the first list
But doesnt the first one then just vanish?
Please give me sec my pc acting up
Then i can send you some ss
You can clone the marquee items with javascript if you prefer, or do it manually when you make the HTML. Just make sure that the duplicate set has aria-hidden="true" set on them, so screenreaders know not to read them to people that use those
Thanks @Jochem