[Pedri]

En la página de Reebok podemos ver un índice que al pasar por encima, de cada punto, crece una línea que lo remarca, y que cuando pasas al siguiente punto la línea anterior decrece al mismo tiempo que la nueva comienza a avanzar.

Si pinchan en uno de los puntos se abrirá otro índice de mayor número de puntos. Lo que me gusta de esta aplicación es que al pasar el cursor de un punto a otro la transición es muy suave y armónica.

Seguramente no me he explicado bien, asi que pongo el link.
http://www.rbk.com/index.asp

Grax

[elQuique]

Te refieres al de north america, eurpope, asia ?

Si es eso lo haces con el mouse out mouse over o sea los eventos

[Pedri]

A eso me refiero. Pero lo que busco es cómo hacer que crezca la barra al posicionarnos sobre el botón y que al salir de él, regrese en la misma progresión como creció.
Porque hacer que crezca si lo sé hacer, pero al quitar el cursor de la zona activa, la barra no decrece, sino que de un salto vuelve a su posición original.

[elQuique]

Es que seguro tu haces el over con la opcion visual de el boton, y pones en el un MC que crece con un Tween. Pero este mecanismo no tiene la opcion out, por eso debes incluir ahi un pequeño script en el evento ... mejor te hago un tutorial dame unos mins ...

haciending pedri tutorial ...

[elQuique]

Listo Pedri, en tu honor

http://www.tallerweb...Flash-c-53.html

[MarcelaP]

Muy bueno Quique, voy a ver si me sale bien, me gusta este tipo de botón.

[elQuique]

A mi pense que me gustaria pero quise ponerlo en una camisa y se me abre

[Pedri]

jajaja, muchisisisisisisisisisisiiiiiiisimas gracias Quique

[Pedri]

Ahora vamos a rizar el rizo ,jeje.
Si te das cuenta, al quitar rápidamente y volver a poner el ratón sobre el botón, se crea un salto en el tuto que has realizado. Sin embargo, en el caso que expuse, se retoma el crecimiento o decrecimiento casi en el mismo punto en el que se corta la animación.
Viéndolo lentamente he podido observar que evita ir directamente a uno de los extremos para hacer la acción del rollover. Es como si hubiese otro stop un poco antes de la mitad de la barra. ¿Es posible que al poner el ratón sobre la barra cuanto está decreciendo, pare ese movimiento en ese punto y empiece a crecer desde ahi mismo?

Para verlo mejor si entras en el menú de Europa puedes ver una larga lista de paises que facilita ver el movimiento de persiana al pasar de arriba a bajo con el ratón.

Dejo otravez el link para facilitar el acceso (pinchar en el botón de Europa)

http://www.rbk.com/index.asp

[igraim]

Hola a todos!

He estado un poco atareado y apenas he podido pasarme por aquí estos últimos meses, pero espero poder corregir esto...

En fin, a lo que vamos. ¡Vamos a intentar hacerlo con actionScript!

Lo primero es dibujar una barra sin borde exterior y de unas medidas arbitrarias como popr ejemplo: 100x25 px.
Seguidamente lo convertimos en un simbolo (tipo gráfico) para poder utilizarlo más adelante.

Segundo paso: creamos un movieClip nuevo con tres capas.
En la superior colocaremos el texto del botón, texto dinámico que llamaremos "texto" (que original).
En las dos restantes colocaremos el gráfico barra que tenemos en la libreria.
Y aquí viene lo importante, a uno de ellos le cambiaremos Alpha a 0%, será la que sirva como zona caliente del botón y al otro le cambiaremos el comportamiento a MovieClip y los llamaremos "barraInt".

Tercer paso:
colocamos el MovieClip creado en el escenario y lo llamaremos mc_boton. El resto está en este código:

CÓDIGO

//iniciamos el boton
mc_boton.barraInt._xscale=0;

// función rollover
mc_boton.onRollOver = function() {
    // eliminamos el intervalo que llama a la función decrecer
    clearInterval(intDecrece);
    //cambiamos el color del texto
    this.texto.textColor =0xFFFFFF;
    // llamamos a la función crecer cada 1 milisegundo
    intCrece = setInterval(crecer, 1, this);
    
};
// función rollover
mc_boton.onRollOut = function() {
    // eliminamos el intervalo que llama a la función crecer
    clearInterval(intCrece);
    //cambiamos el color del texto
    this.texto.textColor =0x000000;
    // llamamos a la función decrecer cada 1 milisegundo
    intDecrece = setInterval(decrecer, 1, this);
    };
// función crecer
function crecer(mc) {
    var control:Number = mc.barraInt._xscale;
    // mientras la _xscale barraInt sea inferior al 100% crece 2 uds
    if (control<100) {
        mc.barraInt._xscale+=2;
    } else {
        clearInterval(intCrece);
    }
}
function decrecer(mc) {
    var control:Number = mc.barraInt._xscale;
    // mientras la _xscale barraInt sea mayor al 0% decrece 2 uds
    if (control>0) {
        mc.barraInt._xscale-=2;
    } else {
        clearInterval(intDecrece);
    }
}

y ya está!!!!

[Pedri]

Gracias Igraim. Por lo que veo la opción es hacerlo con ActionScript. Debo de ponerme manos a la obra para aprender estos códigos. Nadie dijo que esto era fácil, my friend

[kahlito]

Hola a todos.

Muy buena explicación igraim. De todas formas dejo otros enlaces interesantes y parecidos ya que hay varias formas de hacerlo:

http://www.toxiclab....rial.asp?ID=150
http://www.toxiclab....orial.asp?ID=85
http://www.flashvaul...rial.asp?ID=105

Y este último es el mismo que buscas:

http://www.webintent...-onrollout.html

Saludosss

[Humber]

Buenos vinculos....

[elQuique]

Asi es Igraim la mejor forma (incluso lo tenia hecho y de ahi lo saque tan rapido jaja) es usar Action Script, pero tuve en cuenta que el niño Pedri es mas de lo grafico y minimice el AC usado, pero el tuyo esta super.

Con respecto a lo que dices Pedri, si es cierto, pero igual se puede mantener una variable con la posicion donde va el elemento y al llamar el gotoAndPlay no hacerlo al IN si no a N frame segun el parametro

[Pedri]

Muchísimas gracias sobretodo por tener en cuenta mi condición de gráfico. Poco a poco iré aprendiendo estos códigos

Gracias a Igraim y Kahlitos por las molestias y abrirme el camino

[igraim]

Pedri, no hay nada que agradecer.
Si necesitas ayuda para entender alguna intrucción del código, ya sabes donde encontrarme... en el Bar aunque por la distancia mejor nos leemos por aki.

[AAG]

Buenas, como podría hacer el paso siguiente del menu, es decir que al clickar sobre uno se quede marcado y aparezca el siguiente menu pero el resto continue en moviento.
Ayuda por favor!!!!!

[kitsch]

Veo que te han dejado ya varias alternativas, te pongo otra que se me acaba de ocurrir, es pelo mas simple y te sirve que utilices la misma animacion a varios botones, de hecho es una espcie de mini tutorial.

1.- Primero crea un boton en blanco, unicamente rellena un recuadro en la zona activa, de mas o menos el tamaño que quieras que sea tu boton.

2.- Crea un movie clip con la animacion que quieras de 15 fotogramas y agrega un stop() al primer y al ultimo fotograma.

3.- Al mc que acabas de crear agregale el nombre de instancia de "anime"

4.- Escribe el texto de tu boton, como texto simple.

5.- Junta el boton vacio, con el mc y el texto y agregale el siguiente script al boton:

CÓDIGO

on (rollOver) {
    anime2.onEnterFrame = function() {
        if (this._currentframe != 20) {
            this.nextFrame();
        } else {
            this.stop();
            delete this["onEnterFrame"];
        }
    };
}
on (rollOut) {
    anime2.onEnterFrame = function() {
        if (this._currentframe != 1) {
            this.prevFrame();
        } else {
            this.stop();
            delete this["onEnterFrame"];
        }
    };
}

Y listo Te dejo un ejemplo el fla


Y el fla: http://tutoriales.ki....info/boton.fla

[Laurita]

Que tal?
Bueno, en primer lugar ya le agradecí a elquique su súper tutorial que me salvo la vida.

Funciono sin problema.

Ahora quiero aplicar a ese mismo menu lo siguiente:
Tengo varias opciones en el menu, quiero que al estar en X pagina, esa opción en el menu quede marcada (de la misma forma que cuando el mouse esta sobre el boton pero estatico), así la gente viendo el menu sabe en que pagina esta.

Espero que me entiendan jejee

[T.T.]

Hola, veo que hace un año hablabais de las "persianas horizontales"... yo intente el otro dia hacerlas y me salieron de maravilla con un tutorial de un foro brasileño! la programacion era otra.. os dejo el link (http://www.mxstudio.com.br/flash/cortinas_deslizantes/), mas que nada porque me paece mas sencillo, pero queria preguntar una cosa.. ahora quiero hacer que al clickear en una se vaya a otra escena.l. y los script se me pisan,,, yo tengo 3 funciones: una colocada en una capa.. otra en cada clip de pelicula y otra en el boton de cada clip...

alguien me puede echar una mano? de nada me sirve esta chulada si no me lleva a ninguna escena mas! jejejeje


mil gracias por adelantado

TT