Re: [Ovillo] Simulacion de scroll

2007-03-19 Por tema Juan Jorge Muñoz Herrero
Suerte ;D

El día 19/03/07, Karen_WmBeta <[EMAIL PROTECTED]> escribió:
>
> que velocidad! gracias a los tres :)
>
> y perdon por el OT, como solo vi el pngfix clasico (y nada mas) al
> principio
> del codigo no pense que fuera obra de JS sino de algun truquillo css, no
> se
> me ocurrio pensar que lo cargarian hasta el final ;)
>
> Ya pongo manos en accion, gracias de nuevo y hasta pronto!
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Juan J. Muñoz
http://www.taarq.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Simulacion de scroll

2007-03-19 Por tema Karen_WmBeta
que velocidad! gracias a los tres :)

y perdon por el OT, como solo vi el pngfix clasico (y nada mas) al principio
del codigo no pense que fuera obra de JS sino de algun truquillo css, no se
me ocurrio pensar que lo cargarian hasta el final ;)

Ya pongo manos en accion, gracias de nuevo y hasta pronto!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Simulacion de scroll

2007-03-19 Por tema francisco quiros
Hola

aquí te paso otro ejemplo parecido a lo que comentas

http://tobielangel.com/examples

creo que es facil de copiar el código

saludos
Pakiros


El día 19/03/07, Reynier Perez Mira <[EMAIL PROTECTED]> escribió:
>
> Creo que para eso debes poner algo de Javascript, no estoy del todo seguro
> así que espera a que los listeros te respondan
> Salu2
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] En nombre de Karen_WmBeta
> Enviado el: lunes, 19 de marzo de 2007 9:32
> Para: ovillo@lists.ovillo.org
> Asunto: [Ovillo] Simulacion de scroll
>
> Hola a todos
>
> Esta es la primera duda que mando a la lista, a ver si alguien me puede
> ayudar.
>
> Bueno al grano, en varias páginas he visto cómo al seleccionar una opción
> del menu, la pagina se "desplaza" hasta llegar a la información, es decir
> como si fuera una especie de scroll automático (en lugar de cómo un simple
> enlace interno).
>
> En esta página hay un ejemplo http://www.dannyblackman.com/ (al principio
> donde dice "save the scroll finger") lo curioso es que cuando me meto a su
> código fuente y a su .css no hay ni pista.
>
> En fin, si alguien sabe como hacerlo le agradecería mucho que me mandara
> aunque sea un cable ;)
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Simulacion de scroll

2007-03-19 Por tema Juan Jorge Muñoz Herrero
Bueno, por lo que he podido ver utiliza la librería de
http://www.mootools.net
Fijate en el código:




var skroll = new Fx.ScrollWindow({duration: 3000, wait: true,
transition: Fx.Transitions.sineInOut});

$('scroll_btn').addEvent('click', function(){
skroll.toElement('work1');
});

// DandAD Nav
$('next_btn1').addEvent('click', function(){
skroll.toElement('work2');
});

$('prev_btn1').addEvent('click', function(){
skroll.toElement('top');
});

$('top_btn1').addEvent('click', function(){
skroll.toElement('top');
});

// Umbro Nav
$('next_btn2').addEvent('click', function(){
skroll.toElement('work3');
});

$('prev_btn2').addEvent('click', function(){
skroll.toElement('work1');
});

$('top_btn2').addEvent('click', function(){
skroll.toElement('top');
});


// Sky Larkin Nav
$('next_btn3').addEvent('click', function(){
skroll.toElement('work4');
});

$('prev_btn3').addEvent('click', function(){
skroll.toElement('work2');
});

$('top_btn3').addEvent('click', function(){
skroll.toElement('top');
});

// logo Nav
$('next_btn4').addEvent('click', function(){
skroll.toElement('work5');
});

$('prev_btn4').addEvent('click', function(){
skroll.toElement('work3');
});

$('top_btn4').addEvent('click', function(){
skroll.toElement('top');
});

// lucky voice Nav
$('next_btn5').addEvent('click', function(){
skroll.toElement('work6');
});

$('prev_btn5').addEvent('click', function(){
skroll.toElement('work4');
});

$('top_btn5').addEvent('click', function(){
skroll.toElement('top');
});

// cold stats Nav
$('next_btn6').addEvent('click', function(){
skroll.toElement('work7');
});

$('prev_btn6').addEvent('click', function(){
skroll.toElement('work5');
});

$('top_btn6').addEvent('click', function(){
skroll.toElement('top');
});

// dreams Nav
$('next_btn7').addEvent('click', function(){
skroll.toElement('work8');
});

$('prev_btn7').addEvent('click', function(){
skroll.toElement('work6');
});

$('top_btn7').addEvent('click', function(){
skroll.toElement('top');
});

// dreams Nav
$('next_btn8').addEvent('click', function(){
skroll.toElement('work9');
});

$('prev_btn8').addEvent('click', function(){
skroll.toElement('work7');
});

$('top_btn8').addEvent('click', function(){
skroll.toElement('top');
});



En concreto, lo que hace es asignar una ID a varios elementos, y la función
hace que se simule el scroll al pinchar sobre ciertos botones, por ejemplo,
para el primer boton, tenemos ésto:

$('scroll_btn').addEvent('click', function(){
skroll.toElement('work1');
});

Que lo que hace es ir al elemento "work1", cada vez que vayas a hacer una
sección tendrás que crear algunos botones (y asignarle una ID a la div que
contenga esa sección), para llegar al contenido anterior, siguente y top (la
top sería siempre igual, solo que cambiaría el nombre del boton). La verdad
es que mootools hace tiempo que me llama la atención, lo veo muy potente,
aunque tengo que decir que no lo he llegado a utilizar nunca. Lo bueno que
le veo es que seleccionas los efectos que vas a querer en un formulario (los
modulos), y solo te descargas lo que te va a hacer falta.

En fin, intenta meterle mano y nos cuentas...


El día 19/03/07, Karen_WmBeta <[EMAIL PROTECTED]> escribió:
>
> Hola a todos
>
> Esta es la primera duda que mando a la lista, a ver si alguien me puede
> ayudar.
>
> Bueno al grano, en varias páginas he visto cómo al seleccionar una opción
> del menu, la pagina se "desplaza" hasta llegar a la información, es decir
> como si fuera una especie de scroll automático (en lugar de cómo un simple
> enlace interno).
>
> En esta página hay un ejemplo http://www.dannyblackman.com/ (al principio
> donde dice "save the scroll finger") lo curioso es que cuando me meto a su
> código fuente y a su .css no hay ni pista.
>
> En fin, si alguien sabe como hacerlo le agradecería mucho que me mandara
> aunque sea un cable ;)
> ___
> Li

Re: [Ovillo] Simulacion de scroll

2007-03-19 Por tema Reynier Perez Mira
Creo que para eso debes poner algo de Javascript, no estoy del todo seguro así 
que espera a que los listeros te respondan
Salu2

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Karen_WmBeta
Enviado el: lunes, 19 de marzo de 2007 9:32
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Simulacion de scroll

Hola a todos

Esta es la primera duda que mando a la lista, a ver si alguien me puede
ayudar.

Bueno al grano, en varias páginas he visto cómo al seleccionar una opción
del menu, la pagina se "desplaza" hasta llegar a la información, es decir
como si fuera una especie de scroll automático (en lugar de cómo un simple
enlace interno).

En esta página hay un ejemplo http://www.dannyblackman.com/ (al principio
donde dice "save the scroll finger") lo curioso es que cuando me meto a su
código fuente y a su .css no hay ni pista.

En fin, si alguien sabe como hacerlo le agradecería mucho que me mandara
aunque sea un cable ;)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


[Ovillo] Simulacion de scroll

2007-03-19 Por tema Karen_WmBeta
Hola a todos

Esta es la primera duda que mando a la lista, a ver si alguien me puede
ayudar.

Bueno al grano, en varias páginas he visto cómo al seleccionar una opción
del menu, la pagina se "desplaza" hasta llegar a la información, es decir
como si fuera una especie de scroll automático (en lugar de cómo un simple
enlace interno).

En esta página hay un ejemplo http://www.dannyblackman.com/ (al principio
donde dice "save the scroll finger") lo curioso es que cuando me meto a su
código fuente y a su .css no hay ni pista.

En fin, si alguien sabe como hacerlo le agradecería mucho que me mandara
aunque sea un cable ;)
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo