Buongiorno
Sto utilizzando il news ticker presente qui
http://woork.blogspot.com/2008/07/ne...23596109903110
In più volevo aggiungerci un piccolo player che mi permetta di tornare alla news precedente e di andare alla successiva.
Il problema è che se vado alla precedente o alla successiva poi le news non scorrono più alla stessa velocità, la velocità non è più costante.
Questo è il codice javascript che ho messo nella mia pagina
codice:
<script language="javascript" type="text/javascript">
var Ticker = new Class({
setOptions: function(options) {
this.options = Object.extend({
speed: 5000,
delay: 5000,
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();
},
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
});
this.next.bind(this).delay(this.options.delay+this.options.speed);
},
back: function() {
this.current--;
if (this.current < 0) this.current = this.items.length-1;
var pos = this.items[this.current];
this.fx.start({
top: -pos.offsetTop,
left: -pos.offsetLeft
});
this.next.bind(this).delay(this.options.delay+this.options.speed);
}
});
var hor = new Ticker('TickerVertical',{speed:1000,delay:4000,direction:'horizontal'});
</script>
Questo è il codice nel player
Il pulsante pausa non l'ho ancora fatto
Grazie