Ticker script

[blizzard]

Hi everyone,

 

Very new here. Although I'm getting quite good with web design, I know nothing avout scripts. I bought a template including this ticker script that I use to display paragraphs of weather texts. I want to modify it to make it stop at mouse over and restart at mouse out for those who read faster or slower than the default speed of the ticker. I put the script here. If you can tip me on what to do, it would be very appreciated. Thanks.

 

(function($) {

$.fn.list_ticker = function(options) {

var defaults = {

speed: 6000,

effect: 'slide'

};

var options = $.extend(defaults, options);

return this.each(function() {

var obj = $(this);

var list = obj.children();

list.not(':first').hide();

setInterval(function() {

list = obj.children();

list.not(':first').hide();

var first_li = list.eq(0)

var second_li = list.eq(1)

if (options.effect == 'slide') {

first_li.slideUp();

second_li.slideDown(function() {

first_li.remove().appendTo(obj);

});

} else if (options.effect == 'fade') {

first_li.fadeOut(function() {

second_li.fadeIn();

first_li.remove().appendTo(obj);

});

}

}, options.speed)

});

};

})(jQuery);

$(function() {

$('#ticker').list_ticker({

speed: 15000,

effect: 'fade'

})

});

[mannemvamsi]

I made minor modifications to your script.

 

The trick is clearning the timer on mouseover. Recalling the function on mouseout. Maybe there can be better way But this seems like working

 

 

I made a fiddle. http://jsfiddle.net/mannemvamsi/v3wzj68b/

[blizzard]

Wow ! It works perfectly. Thanks you so much !