Web Development » Working on my first jQuery plugin – Scrollable

Working on my first jQuery plugin – Scrollable

I started this one a while back, mainly to use for a specific site I was working on – got it to a usable state then had to divert my attention somewhere else. It’s called Scrollable and the idea is to truncate text strings to a user defined character length append it with … or &raquot;, etc… whatever you like; then on mouse over it scrolls the full text.

The hard part is that it’s almost impossible to account for 100% of situational text strings. For instance, if you have very specific styling on your links/titles/text strings this will jack it up. So, at that point, I’ll just recommend that you define some classes that will be added to your scrollable strings and correct the issues.

The other issue I’ve encountered is speed and jittering. Since the animation is done client side and javascript animations use system resources (cpu mainly) it can be much more significant on slower machines.

Just wanted to put something out there about it. I should have a beta script available for use soon, but it still needs a bit of tweaking.

Note: This is not in any way intended to be used as a scrolling marque. That is essentially the effect on mouse over, but only on mouse over. The whole point is that you can truncate text to a defined max character length – effective for inline lists when you want to show more individual items and save space at the same time.

Comments