vamos al grano, eso es sencillo, voy a ir poniendo comentarios en el código porque es viernes, es de noche y me ando con ganas de cag*r
Este es un script sencillo pero elegante.
descargarse la libreria necesaria para trabajar
vamos a tener(luego de descomprimir)
dos carpetas con archivos sueltos
Solo usaremos
- galleria-1.2.5.min.js que esta en la carpeta galleria/
- jquery.js que podemos descargar de su web oficial
- galleria.classic.min.js que esta en la carpeta galleria/themes/classic/
<html>
<head>
<script type="text/javascript" src="jquery.js"> </script>
<!-- importamos la libreria de jQuery de la pagina oficial -->
<script type="text/javascript" src="galleria-1.2.5.min.js"> </script>
<!-- importamos la libreria que habiamos descargado que esta en la carpeta ../galleria/ -->
</head>
<body>
<div id="gallery" >
<!-- colocamos todas las imagenes que querramos -->
<img src="image1.jpg" />
<img src="image2.jpg" />
<img src="image3.gif" />
</div>
<!-- abajo hay un script de ahi tienen que importar el tema del slider -->
<!-- podemos modificar los valores WIDTH y HEIGHT que son para anchura y altura -->
<!-- recuerden que la seccion de abajo es esencial o sino NO VA A FUNCIONAR -->
<script>
Galleria.loadTheme("themes/classic/galleria.classic.min.js");
$("#gallery").galleria({
width: 500,
height: 450
});
</script>
</body>
</html>
Realmente escribir código es tan fácil con estas herramientas, espero que hayan entendido
A mi me quedo así
http://danijazzero.99h.com.ar/