Welcome to WebmasterWorld Guest from 54.166.46.226

Forum Moderators: coopster & jatar k

Message Too Old, No Replies

How to build data driven text scroller?

Best sources

   
1:44 pm on Aug 26, 2011 (gmt 0)



Any suggestions on the best way to implement a data driven text scroller to my site, compatible with Dreamweaver?
2:01 pm on Aug 26, 2011 (gmt 0)

WebmasterWorld Administrator httpwebwitch is a WebmasterWorld Top Contributor of All Time 10+ Year Member



search for open-source JavaScript examples, and pick one you like. Most of them will get their data either from markup rendered to the page, or via AJAX calling a script to get the data as XML or JSON.

I did one a while ago. I was dissatisfied with the ones I saw so I coded my own. It's basically a rectangle with text in it that gets positioned inside a cropping container (CSS, overflow:hidden), and gets a nudge downward every 100 milliseconds. Actually the scrolling text part is a stack of smaller rectangles positioned absolutely inside a container with relative positioning. When one rectangle scrolls out of the frame (ie its "top" is greater than the container's "bottom") I reposition it back on top of the stack and the whole thing keeps looping and scrolling.

Look for something built with Mootools or JQuery; then you can be more confident that it'll work in all browsers.
2:48 pm on Aug 26, 2011 (gmt 0)



Thanks for the info.