CraftySlide

0 - , - 30/01/2012 19:56:07

CraftySlide es un plugin para jquery que nos permite crear un slideshow de un modo muy sencillo. Basta con un HTML similar al siguiente:

<div id="slideshow">
         <ul>
            <li>
              <img src="images/image1.jpg" title="Lorem ipsum dolor sit amet" />
            </li>
            
            <li>
              <img src="images/image2.jpg" title="Lorem ipsum dolor sit amet" />
            </li>
            
            <li>           
              <img src="images/image3.jpg" title="Lorem ipsum dolor sit amet" />
            </li>	                         
          </ul>
</div>

Incluir los ficheros javascript y CSS incluidos en el paquete del plugin, junto con jQuery:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js" type="text/javascript"></script>
<script src="js/craftyslide.js"></script>
<link rel="stylesheet" href="css/craftyslide.css" />

e inicializar el carrusel de imágenes:

$(document).ready(function() {
	$("#slideshow").craftyslide();
});

Ver ejemplo en funcionamiento » »
Craftyslide » »

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha