Start med pause
Har en nyhedsticker, som kører fint.Den har - som udgangspunkt - en pauseknap man trykke på for pause, derefter kan man klikke på playknap, som ved pause erstatter pauseknap.
Jeg ville gerne, at tickeren er på pause, når siden loades.
Jeg har den komplette kode, men mener kun det er nødvendigt at rette i det nederste, eller måske det øverste. Hm
Koden kommer her:
//
var Ticker = new Class({
setOptions: function(options) {
this.options = Object.extend({
speed: 1400,
delay: 9000,
direction: 'vertical',
onComplete: Class.empty,
onStart: Class.empty
}, options || {});
},
initialize: function(el,options){
this.setOptions(options);
this.el = $(el);
this.items = this.el.getElements('li');
var w = 0;
var h = 0;
if(this.options.direction.toLowerCase()=='horizontal') {
h = this.el.getSize().size.y;
this.items.each(function(li,index) {
w += li.getSize().size.x;
});
} else {
w = this.el.getSize().size.x;
this.items.each(function(li,index) {
h += li.getSize().size.y;
});
}
this.el.setStyles({
position: 'absolute',
top: 0,
left: 0,
width: w,
height: h
});
this.fx = new Fx.Styles(this.el,{duration:this.options.speed,onComplete:function() {
var i = (this.current==0)?this.items.length:this.current;
this.items[i-1].injectInside(this.el);
this.el.setStyles({
left:0,
top:0
});
}.bind(this)});
this.current = 0;
this.next();
},
pause: function() {
$clear(mytimer);
mytimer = null;
},
resume: function() {
if (mytimer == null) {
this.next();
}
},
next: function() {
this.current++;
if (this.current >= this.items.length) this.current = 0;
var pos = this.items[this.current];
this.fx.start({
top: -pos.offsetTop,
left: -pos.offsetLeft
});
mytimer = this.next.bind(this).delay(this.options.delay+this.options.speed);
}
});
var mytimer = 2000;
window.addEvent('domready', function() {
var hor = new Ticker('TickerVertical', {
speed : 1400, delay : 9000, direction : 'vertical'});
$('stop_scroll').addEvent('click', function() {
$('play_scroll_cont').style.display='block';
$('stop_scroll_cont').style.display='none';
hor.pause();
});
$('play_scroll').addEvent('click', function() {
$('stop_scroll_cont').style.display='block';
$('play_scroll_cont').style.display='none';
hor.resume();
});
});
//
Mvh.
K-asp-er