Comunidad de diseño web y desarrollo en internet online

Slider de texto

Citar            
MensajeEscrito el 28 Feb 2012 06:59 am
hola lo que necesito es crear un slider jquery pero de solo texto, ninguna imagen ni fondo.
Lo tenia pensado hacerlo con distintos < section > y esos sean los que vallan cambiando
algo asi como

<section>
<p>texto numero 1<p>
</section>
<section>
<p>texto numero 2<p>
</section>
<section>
<p>texto numero 3<p>
</section>

la idea es realizar con jquery pero noc como realizar el bucle para que se repita siempre
algo asi EJEMPLO pero que se cambien automáticamente y no haciendo click!


Saludos y de antemano muchísimas gracias al que puede ayudarme

Por luiscleverboy

6 de clabLevel



Genero:Masculino  

chrome
Citar            
MensajeEscrito el 28 Feb 2012 05:16 pm
Primero que nada, necesitas un contenedor para el slider y sus elementos que harán la transición dentro de el.

Código :

<article id="contenedor">
   <section id="primer_slider">
      <!-- foo -->
   </section>
   <section id="segundo_slider">
      <!-- foo -->
   </section>
   <section id="tercero_slider">
      <!-- foo -->
   </section>
</article>

Después, tienes dos opciones: La primera es tener a los tres siempre presentes dentro del contenedor con overflow y con jQuery o CSS hacer la animación del slide. Dentro de los sliders no importa si tienes una imagen o texto, lo que importa es el tamaño de campo visible que le estás dando.

La segunda es ocultar todos los sliders menos el activo, al cambiar, se activa el segundo y se oculta el primero, etc.

Para que sea "automático" busca por la función setTimeOut(); de js para ejecutar una función cada cierto tiempo, en este caso, el cambio de slider.

Suerte.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.