Instalar slider jquery. Ayuda.

[reborn]

Buenas, despues de ver varios plugins para crear slides me decidi por uno, el coda slider, el cual me lo imaginaba sencillo de instalar pero no.
Me baje el pack de instalacion pero no entiendo las instrucciones porq estan en ingles.
Hice las llamadas a los archivos .js pero no se como darle los estilos y esas cosas.
Si alguno sabe, le agradeceria me de una mano.
Saludos.

[juaniquillo]

lo único que lo veo que puede confundir un poco es la estructura html. necesitas una estructura parecida a esta:

Código HTML:

<!--wraper-->
<div class="coda-slider preload" id="coda-slider-1">
  
  
  <!--panel 1-->
  <div class="panel">
    <div class="panel-wrapper">
      <h2 class="title">Panel 1</h2>
      <p>This slider uses default settings.</p>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Sed volutpat ante id mauris laoreet vestibulum. Nam blandit felis non neque cursus aliquet. Morbi vel enim dignissim massa dignissim commodo vitae quis tellus. Nunc non mollis nulla. Sed consectetur elit id mi consectetur bibendum. Ut enim massa, sodales tempor convallis et, iaculis ac massa. Etiam suscipit nisl eget lorem pellentesque quis iaculis mi mattis. Aliquam sit amet purus lectus. Maecenas tempor ornare sollicitudin.</p>
    </div>
  </div>
  
  
  <!--panel 2-->
  <div class="panel">
    <div class="panel-wrapper">
      <h2 class="title">Panel 2</h2>
      <p>Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.</p>
    </div>
  </div>
  
  
  <!-- etc...-->
  
  
</div>
 

y en el head necesitas incluir la hoja CSS, los tres scripts (jquery, el plugin de easing y el plugin de coda slider):

Código HTML:

<link href="http://www.ndoherty.biz/demos/coda-slider/2.0/stylesheets/coda-slider-2.0.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js" type="text/javascript"></script>
<script src="http://www.ndoherty.biz/demos/coda-slider/2.0/javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://www.ndoherty.biz/demos/coda-slider/2.0/javascripts/jquery.coda-slider-2.0.js" type="text/javascript"></script>
 

Lo último que necesitas es seleccionar el wrapper que quieres usar:

Código Javascript:

$(document).ready(function() {
     $('#coda-slider-1').codaSlider();
});
 

Yo hice hotlinking a los scripts y css que el autor tiene en su página pero yo te recomiendo que los bajes y los incluyas en tu website.

[reborn]

Gracias juaniquillo, siempre cuento con vos.
Ya avance bastante, pense q nadie me habia respondido aca.
El problema q tengo es q sale el estilo y todo pero desordenado y seguro q es la estructura html, pero lo raro es q la copie tal cual dice en la web del autor.
Sigo tu ejemplo a ver si me sale.
Saludos.

[reborn]

Sos un capo, igual me sorprendio q no me saliera el ejemplo 4 q hay en la web, ya q hice todos los pasos como lo decia.
Igual edite el q dejaste vos, o sea el ejemplo 1, y le quite los botones de left y right y anda perfecto.
Gracias.

[juaniquillo]

Que bueno que te haya funcionado. Si editas el CSS lo puedes llevar al diseño que quieras. Saludos.