s3Slider JQuery ayuda soy muy principiante!

[forosdelvago]

Hola quieiera saber si me pueden ayudar con unas dudas que para uds deben ser muy simplespero yo como es la primera vez que me meto con esto no las entiendo !

Les agradeceria mucho.

Lo que queiro hacer es un ¨Slide Show¨ de imagenes similar a esto: w w w . serie3.info/s3slider/demonstration.html

Descargue los archivos y he visto un tutorial en ingles ( w w w . serie3.info/s3slider/) pero no me queda muy claro los pasos a seguir... Espero puedan dar una mano

DEecargo los archivos: s3Slider y jQuery

Creo que los debo subir a la parpeta raiz de mi host, no?

Ahora que hago con esto?

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/s3Slider.js" type="text/javascript"></script>

y que debo reemplaza en este codigo ?

<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
</li>
<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
</li>
<div class="clear s3sliderImage"></div>
</ul>
</div>

Espero alguien me guie un poo mas con estos paso por que leo algo de la libreria y demas y no tenga lamas minima idea de que me habla, aunque dice que es muy cencillo.

Muchas gracias y disculpen mi ignorancia

[Diegoazul]

Postea en el foro de javascript este foro es Flash and Actionscript

[TMeister]

Moviendo a Javascript..

[forosdelvago]

Gracias por moverlo.

Nota: agredgo algo mas si es de ultilidad. Es paraun foro SMF 1.1.10 con simpleportal 2.3 Gracias

[forosdelvago]

alguna ayuda que me puedan dar para integrarlo ?

[JavierB]

Hola forosdelvago

Muevo tu mensaje al foro de Frameworks desde Javascript

Saludos,

[mayid]

Basicamente tenes que agregar las fotos!

<img src="#" />

La almohadilla # es un tema para html, che. Tenes en claro estas cosas?

[forosdelvago]

Iniciado por mayid

Basicamente tenes que agregar las fotos!

<img src="#" />

La almohadilla # es un tema para html, che. Tenes en claro estas cosas?

eso creo que es lo unico que me ubicaba, por ahora.

El problema es que no se que reemplazar , me refiero a las rutas.

Por ej. :
<div id="s3slider">
<ul id="s3sliderContent">
<li class="s3sliderImage">

no se si ahi va la ruta de algo o el nombre de alguna carpeta ?

Es la primera ves que me pongo con un codigo de esto por eso mi nivel tan basico y preguntas tan absurdas ...

[mayid]

Ah, ok! Te cuento que siginifica esto.

Los "div" con un contenedor. Las etiquetas "ul" "li" son para generar listados de cosas.

El "id" es un identificador unico para un elemento , que no puede repetirse, y al que se le hace referencia desde jquery y desde CSS asi: #s3slider

El "class" es un identificador de clase, o sea que muchos elementos pueden tener la misma clase y responder cuando se los llama asi: .s3sliderImage

En tu codigo, vos tenes que generar un listado con las cosas que queres mostrar:

<li class="s3sliderImage">
<img src="#" />
<span>Your text comes here</span>
</li>

Las etiquetas <span> son contenedores mas o menos iguales a los div.

Fijate que todo lo que este metido entre <li> y </li> va a ser una diapositiva cuando ya todo este funcionando. Asi que lo que vos tenes que hacer es poner ahi dentro lo que quieras: imagenes, texto, o lo que se te antoje. Luego, generar otro item con otras dos etiquetas: <li> </li>, etc, hasta terminar y cerrar el </ul>, es decir el listado.