Sí, como el mismo titulo lo dice se trata de un slide de imágenes con jQuery realizado por Erik Kallevig. En realidad su sitio contiene 4 ejemplos distintos de muestra, yo solo te mostrare uno de sus ejemplos.
Es este:
jShowOff: un slide de imágenes efectuado con jQuery


Bonito no!... Para obtenerlo realiza los siguientes pasos:

1. Primero que nada vas a el sitio del autor y descargas el archivo zip
2. Solo escoges los archivos: jquery.jshowoff.min.js y jshowoff.css
3. Los alojas en Dropbox o en tu sitio de alojamiento favorito
4. Colocas las URL de los 2 archivos alojados en el siguiente código:
<link href='jshowoff.css' media='screen, projection' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js' type='text/javascript'/> 
<script src='jquery.jshowoff.min.js' type='text/javascript'/>
<script type='text/javascript'>  
 $(document).ready(function(){ $(&#39;#thumbFeatures&#39;).jshowoff({ 
 cssClass: &#39;thumbFeatures&#39;,
 effect: &#39;slideLeft&#39;
 }); });
</script>

5. Una vez colocadas sus URL, seleccionas todo el código anterior, vas a tu plantilla y lo pegas arriba de </head>

0
OJO si ya tienes la librería jQuery ya no es necesario colocarla nuevamente.

6. Ahora vas e incluyes en tu plantilla (después de <body>) el siguiente código:
<div id='thumbFeatures'>
<div><a href='URL-de-enlace'><img alt='Descripción' src='URL-de-tu-imagen'/></a></div>
<div><a href='URL-de-enlace'><img alt='Descripción' src='URL-de-tu-imagen'/></a></div>
<div><a href='URL-de-enlace'><img alt='Descripción' src='URL-de-tu-imagen'/></a></div>
<div><a href='URL-de-enlace'><img alt='Descripción' src='URL-de-tu-imagen'/></a></div>
</div>

7. Por ultimo solo cambia:

0
Por la URL del enlace de tu imagen
0
Por la descripción de tu imagen
0
Por la URL de tu imagen y listo!

Aunque es un poco tardado pero bien que vale la pena conseguir este slide, hasta la próxima.

Deja un comentario

                                                                                                                                                                                                                                                                                                                                                       
Ciudad Blogger

Hola, Bienvenido a Blog 2000!

Puedes seguirnos en las redes sociales o suscribirte al feed.

Blog 2000 Blog 2000 Blog 2000 Blog 2000

¡Suscríbete a nuestro blog!

Recibe en tu correo las últimas noticias del blog. Sólo ingresa tu correo para suscribirte.

Blog 2000