Re: [Ovillo] Simulacion de scroll
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
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
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
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
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
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
