Slideshow de texto

[CarLiLlooo]

Buenas,

¿Es posible crear una especie de slideshow con texto en HTML?

Sería una cosa como esta la que pretendo:

Jornada 2

Equipo - Equipo * * * * * * 0 - 0
Equipo - Equipo * * * * * * 0 - 0
Equipo - Equipo * * * * * * 0 - 0
Equipo - Equipo * * * * * * 0 - 0

Y que tanto a la izquierda como a la derecha hubiera unas flechas que permitieran pasar a la jornada anterior y a la jornada posterior.

¿Existe alguna forma de crear este código en HTML o algo parecido? ¿Me podéis ayudar? Es que sé programar en C/C++, pero de HTML sé lo básico y de JS nada...

Gracias.

[novatoide]

Eso se logra con JavaScript pero estoy muy verde en el tema como para realizarte un ejemplo :S pero busca como hacerlo con js

[ipraetoriux]

puedes hacerlo con jQuery y algun plugin de slideshow de los millones que existen en internet...puedes tener slide de texto, imagenes, videos, capas, etc...te dejo un link de ejemplo...

http://slodive.com/freebies/best-jqu...llery-plugins/

[CarLiLlooo]

Hola,

Gracias a los dos por responder. Sé que los tiros iban por JQuery y JavaScript, pero es que no tenga ni idea de ninguno de los dos, y por eso precisaba un poco (bastante) de ayuda. Si alguien supiera, le agradecería bastante que me ayudara con el código.

[memoadian]

pues es muy simple, te voy a poner algo sencillon, usa animate.

Código Javascript:

$(document).ready(function(){
    $('.movible').hover(function() {
        $(this).animate({
            paddingLeft: "60px"
        },{
            duration: 1000,
        });
    },function() {
        $(this).animate({
            paddingLeft: "5px"
        },{
            duration: 1000,
        });
});
 

ahí tienes una animación de este elemento.

Código HTML:

<span class="movible">Texto</span>
 

las posibilidades de jaquery o javascript puro y duro, llegan hasta donde tus limites. Estudialo bien y podrás hacer lo que quieras.

[CarLiLlooo]

Hola,

Lo primero que gracias por las molestias que has tomado, y lo segundo es que soy un tollo y no me funciona... Tengo un blog de Blogger y he copiado el CSS en Plantilla > Avanzado > Añadir más CSS (ahora han cambiado el aspecto de la página y creo que es ahí).

Y después un gadget con lo de HTML, pero sale 'Texto' quieto. ¿Qué pasa?

Gracias.

[memoadian]

Ups, me falto cerrar una llave

Código Javascript:

<script type="text/javascript"/>
$(document).ready(function(){
        $('.movible').hover(function() {
            $(this).animate({
                paddingLeft: "60px"
            },{
                duration: 1000,
            });
        },function() {
            $(this).animate({
                paddingLeft: "5px"
            },{
                duration: 1000,
            });
        });
    });
</script>