[jQuery] continus scroll - news ticker - div scroller
Hi all. i´m Miguelito ( newbe in jQuery from Spain)
I have to do a continuos scroll function to a div with html structure
like this:
div-class listaScroll) ul li li li li /ul /div
each li has html inside ( news to scroll)
it works, but surelly you can hep me with some 'bugs'
1.- Rest-of-the-page-links does not work if i do not 'stop' the timer
properly
2.- multiple divs in same page scrolling: scrolls at same time, stops
in same time :(
any ideas ?
URL: my site:http://www.info-costablanca.com/index2.asp (testing index
- i´m modifiyng it)
Thanks for your time!.
( I´m using jquey.timer.js for timers, but maybe innecesary, or maybe
it´s the problem. I´m new with jquery timer events :) )
CODE:
jQuery(document).ready(function(){
initScroll();
jQuery(".listaScroll ul li a").hover( stopScroll, initScroll);
function initScroll(){
jQuery(".listaScroll").everyTime(3000, 'miTimer', scrollUp);
}
function scrollUp() {
var elemParent=jQuery(this).find("ul:eq(0)").get();
jQuery(elemParent).find("li:eq(0)").hide(2000, function(){
jQuery(this).appendTo(elemParent).show(); //mode element to the end
});
}
function stopScroll(){
jQuery(".listaScroll").stopTime("miTimer");
}
jQuery("a").click( function(){ // ehem... it stops the scroll, so the
links work again...
stopScroll();
return true;
});
});