Instalar slider jquery. Ayuda.

[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.