Pyronhell .net

phGallery v1

Al final me decidí y me he sumergido en el mundo de javascript. Hablando por internet acerca de una galería de imágenes en una web que visito, me di cuenta de que esta no funcionaba y pregunté, al final la conversación terminó con un "igual hago alguna, ya te diré". En contra de todo pronóstico aquí tengo una galería de imágenes -simple- realizada por mi mismo, nombre en clave y bautizada como phGallery.

Esto es lo primero que hago en javascript en mi vida, si algún experto ve el código seguramente se asustará, por lo que siempre estoy disponible para sugerencias, correcciones o cualquier cosa.

¿Qué necesito?

Una capa (div) y el javascript de phGallery. Obviamente imágenes que quieras mostrar.

Para crear una galería es algo tan sencillo como esto:

<div id="kon-01"></div>
<script src="phgallery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    var g = new phgallery();
    g.div = 'kon-01';
    g.addImage('http://sandbox.pyronhell.net/phGallery/k1.jpg');
    g.addImage('http://sandbox.pyronhell.net/phGallery/k2.jpg');
    g.addImage('http://sandbox.pyronhell.net/phGallery/k3.jpg');
    g.Init();
</script>

Resultado:

Imágenes robadas de cedidas por Inshuheki.

Hay un ejemplo mucho mejor con el uso de un miniaturizador, podéis verlo en la página de demo.

Descarga del código

Podéis ver/descargar el código de phGallery desde la página de demo, tanto el código identado como la versión comprimida.

Cualquier sugerencia, duda o queja, en los comentarios.