Deslizamiento de paginas con JavaScript

Hace tiempo les presente una forma de organizar elementos por paginas sin necesidad de refrescar la pagina esta herramienta es compatible con IE 6/7, FireFox, y Safari el autor se ha inspirado por www.panic.com/coda y utiliza JavaScript HTML y CSS la pagina del autor de esta maravillosa creación es http://www.missingmethod.com/

Paso 1Incluir la hoja de estilos glider.css la librería prototype.js y los javascript effects.js - glider.js.

Paso 2Agregar links de nuestras secciones #section1, #section2.

Paso 3Crear nuestras paginas.

Paso 4Agregar los links de Next y Prev. Y duración de transición.

Si necesitas mas info visita http://www.missingmethod.com/projects/glider.html, nos vemos brothers bytes!!!


Espero que te haya gustado este Post! Muchas veces el tiempo me impide responder todos los comentarios, unete al
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.

11 Respuestas en “Deslizamiento de paginas con JavaScript”

  1. Gravatar

    jav

    el 05 Jul 2007 a las 0:50 #

    :wa muy buenooooo! esto sirve para un sitio web tranquilamente, no? o tiene sus restricciones

  2. Gravatar

    Rodrigo-Λzul

    el 05 Jul 2007 a las 0:56 #

    no no existe ninguna restricción bro solo te recomiendo que sea un sitio pequeño :D si no se tardara mucho al abrir.

  3. Gravatar

    gabriel

    el 05 Jul 2007 a las 1:26 #

    orale chido pero a pequeño a que te refieres camarada
    es decir que tan pequeño

  4. Gravatar

    Rodrigo-Λzul

    el 05 Jul 2007 a las 23:21 #

    debe de pesar menos de 500 Kb, hay que hacer cuentas sumando el peso de imagenes de javascripts, de flash si te da menos de 500 Kb lo puedes aplicar sin ningun problema :|:

  5. Gravatar

    jav

    el 09 Jul 2007 a las 13:33 #

    rodrigo el glider como lo centro a la ventana del explorador?

  6. Gravatar

    V@BC

    el 10 Jul 2007 a las 0:02 #

    orales lo que me gusto fue el diseño de los globos del texto :D

  7. Gravatar

    Rodrigo-Λzul

    el 10 Jul 2007 a las 14:57 #

    jav puedes crear una tabla en dreamweaver de 100% x 100% y asignarle la propiedad de centrado al contenido (el slide) o puedes ocupar hojas de estilo en meter el slide dentro de una clase, saludos.

    Vientos, gracias por la observación V@BC.

  8. Gravatar

    Sherry

    el 05 Ago 2007 a las 16:47 #

    la verdad esta bastante bueno, en fin, a pesar de ser buenisimo, yo sugiero para fines de diseño y animación, usar flash, claro que es necesario el conector, en fin cada quien sus gustos.

    Saludos

  9. Gravatar

    luis fernando

    el 24 Ago 2007 a las 12:01 #

    :D genial bato muy bueno felicidades desde bolivia

  10. Gravatar

    richard

    el 10 Sep 2007 a las 16:36 #

    hola, me llamo ricardo, soy de argentina; me encanto este trabajo.
    Quisiera pedirle si fueran tan amables de enseñarme como se hace un formulario de correo en flash, lo unico que nesecito es que el usuario desde mi web pueda mandar un comentario, y luego yo leerlos.
    si pueden ayudarme desde ya muchas gracias

  11. Gravatar

    Guido

    el 16 Sep 2007 a las 6:21 #

    Hola amigos les escribo por si me pueden ayudar, tengo una pagina donde uso Glider pero no se porque no llego al ultimo div y desde ek div 14 paso al 12 y luego al 1 , plop!!

    alguien puede decirme donde esta el error?

    Saludos!!

Comentar Nombre:

Email:

Website:
Registrate Si quieres tener tu propia imagen para mostrar.
Logueate Si ya estas registrado.
Comentario:
Puedes ocupar estos smilies para tus mensaje
:o: :m2: :a: :jie: (L2) :$ :) :D :wi: (L) :|: :-( :@ :verde: :pena2: :a2: (6) :( :gr: :m3: :m: :cuestion: :mmm: :wa (Y) :S


Este sitio y el tema fueron elaborados por Jose Rodrigo Ayala Caballero. propiedad de WIBER ®.
Alimentado por WordPress