CraftySlide

(by: http://www.webintenta.com/)

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();
});

Ver ejemplo en funcionamiento » »
Craftyslide » »


original post: http://webintenta.com/craftyslide.html

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: