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:
Aquí el Demo
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(){ $('#thumbFeatures').jshowoff({
cssClass: 'thumbFeatures',
effect: 'slideLeft'
}); });
</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.
