Comunidad de diseño web y desarrollo en internet online

Slide que se mueva solo

Citar            
MensajeEscrito el 24 Oct 2006 08:03 pm
Buenas. Esto es algo que no me sale y que no creo que sea complicado para usts. Es un menu slider que se mueve para el lado y velocidad segun la distancia a la que se mueve el mouse; lo que quiero es convertirlo para que se mueva solo sin depender del mouse, algo asi como un noticiero...

El codigo es:

Código :


onRollOver = function () {
   mover();
};
onRollOut = function () {
   slideSpeed = 0.01;
};
function mover() {
   slideSpeed = 0.05;
   onEnterFrame = function () {
      currentMousex = Math.floor(this._xmouse);
      for (a=1; a<9; a++) {
         this["imgbox"+a]._x = Math.floor(this["imgbox"+a]._x-(currentMousex*slideSpeed));
         if (this["imgbox"+a]._x<=-808) {
            this["imgbox"+a]._x += 1616;
         }
         if (this["imgbox"+a]._x>=808) {
            this["imgbox"+a]._x -= 1616;
         }
      }
   };
}


Si les sirve para ayudarme o para alguien que tambien este aprendiendo como yo a los golpes, pidiendo ayuda y viendo ejemplos aca les dejo el fla: http://www.troys.cjb.net/copia%20de%20slide_ok.fla

Gracias y saludos.

Por principe86

3 de clabLevel



 

msie
Citar            
MensajeEscrito el 24 Oct 2006 09:34 pm
Sustituye ese código por este:

Código :

slideSpeed = 5;
onEnterFrame = function ()
{
   for (a = 1; a < 9; a++) {
      this["imgbox" + a]._x += slideSpeed;
      if (this["imgbox" + a]._x <= -808) {
         this["imgbox" + a]._x += 1616;
      }
      if (this["imgbox" + a]._x >= 808) {
         this["imgbox" + a]._x -= 1616;
      }
   }
};

La velocidad la controlarás con el valor de la variable slideSpeed . Si quieres cambiar el sentido de la animación pon un valor negativo.
Saludos

Por Zguillez

BOFH

10744 de clabLevel

85 tutoriales
17 articulos
3 ejemplos

Genero:Masculino   Bastard Operators From Hell Héroes Team Cristalab Editores

BCN

firefox
Citar            
MensajeEscrito el 24 Oct 2006 11:09 pm
Antes que nada gracias!!!. Ahora, te hago otra pregunta, si yo quisiera que al ponerme arriba se parara o fuera mas lento, que tendria que agregar?. Estoy intento hacerlo como en el codigo anterior con onRollOver y onRollOut pero no logro hacerlo (en realidad logro pararlo cuando me pongo arriba pero no logro hacer que siga moviendose cuando salgo).

Saludos y perdon por romper tanto...

P/D: Acabo de notar que no va totalmente suavisado el slide, va medio trabado, como si saltara... Se nota mucho mas si lo ponen a baja velocidadñ Alguna idea sensilla para arreglar eso ??? (si se puede y es sensillo, sino no se maten, ya mucho hacen).

Por principe86

3 de clabLevel



 

msie
Citar            
MensajeEscrito el 24 Oct 2006 11:19 pm

Código :

onRollOver = function () {
    slideSpeed = 0;
};
onRollOut = function () {
   slideSpeed = 5;
};

con esto haras que al pasar por encima la velocidad sea cero, osea que se parará salir la velocidad volverá a ser 5 y se moverá.

Notas saltos porque estas moviendo los clips de 5 en 5 pixeles... evidentemente a velocidades bajas lo notarás más. Utiliza una velocidad de fotogramas de 30fps. y cambia el valor de slideSpeed para que se mueva segun lo que te interese.
saludos

Por Zguillez

BOFH

10744 de clabLevel

85 tutoriales
17 articulos
3 ejemplos

Genero:Masculino   Bastard Operators From Hell Héroes Team Cristalab Editores

BCN

firefox
Citar            
MensajeEscrito el 24 Oct 2006 11:29 pm
Intente hacer ese codigo que hiciste vos y hasta juraria que poniendo lo mismo y sin embargo no me funciono, valla uno a saber... De cualquier manera gracias de nuevo por el archivo y la informacion de los pixeles. Saludos y por ahora no te molesto mas, jeje. Bye.

Por principe86

3 de clabLevel



 

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.