Visualizzazione dei risultati da 1 a 3 su 3

Discussione: news ticker mootools

  1. #1

    news ticker mootools

    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

    codice:
    [img]image/player_back.png[/img]
    [img]image/player_pause.png[/img]
    [img]image/player_go.png[/img]
    Il pulsante pausa non l'ho ancora fatto

    Grazie

  2. #2

  3. #3
    Se nessuno lo sa, non è che qualcuno conosce un altro script simile con un player di 3 tasti: pause, next e previous.

    E' importante per favore

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.