CraftySlide:
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="http://www.webintenta.com/images/image1.jpg" title="Lorem ipsum dolor sit amet" />
</li>
<li>
<img src="http://www.webintenta.com/images/image2.jpg" title="Lorem ipsum dolor sit amet" />
</li>
<li>
<img src="http://www.webintenta.com/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="http://www.webintenta.com/js/craftyslide.js"></script>
<link rel="stylesheet" href="http://www.webintenta.com/css/craftyslide.css" />
e inicializar el carrusel de imágenes:
$(document).ready(function() {
$("#slideshow").craftyslide();
});
Comentaris
Publica un comentari a l'entrada