Coda-Slider con jQuery

[Anzert]

Anzert Última edición por

Coda-Slider es un efecto creado con jQuery que nos permitirá crear una curiosa forma de navegar a través de nuestra web. Podemos dividir la información en varias pestañas móviles, y al ir pulsando en los diferentes enlaces el contenido de la web se irá moviendo como si de una cinta de película se tratara, tanto hacia delante como hacia atrás.

Lo he probado tanto en Firefox como en Explorer, y funciona bastante bien. Un efecto muy chulo para implementar en nuestras páginas web:

Para navegar por este podemos utilizar tanto sus enlaces con titulares en su cabecera, o bien recurir a las flechitas laterales, que hacen pasar la información de forma ordenada, del primero al último y retroceso.

Código:
En el código les he indicado donde editar el contenido con mayúsculas, fomentando así mas aún la vagancia en la raza humana

# TÍTULO QUE APARECERÁ ENCIMA DEL SLIDER
    
        


            

CONTENIDO A MOSTRAR ENTRE EL TÍTULO SUPERIOR Y EL SLIDER. EX: UJ MOLA MAZOO!!!

• BOTÓN1

• BOTÓN2

• BOTÓN3

• BOTÓN4

• BOTÓN5

• BOTÓN6

• BOTÓN7

  UNIVERSO JUEGOS, TITULO DE LA PRIMERA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA SEGUNDA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA TERCERA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA CUARTA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA QUINTA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA SEXTA PAG

  CONTENIDO DE LA PÁGINA

  UNIVERSO JUEGOS, TITULO DE LA SÉPTIMA PAG

  CONTENIDO DE LA PÁGINA

  CONTENIDO A PONER BAJO EL SLIDER EX: UNIVERSO JUEGOS TRATA CON ARMAS BIOLOGICAS EN LA TIENDA DE LA ESQUINA

Porsupuesto se le pueden añadir más categorías, es muy sencillo.
Debemos agregar con cuidado de no borrar nada, una línea más de información como es esta:

## UNIVERSO JUEGOS, TITULO DE LA PÁGINA A AÑADIR

CONTENIDO DE LA PÁGINA A AÑADIR

Bajo la última que tengamos, respetando ambos