Generador de portafolio en JavaScript puro-Gallery. js
| Autor: | andyzg |
|---|---|
| Views Total: | 1,793 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 8, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.
Funcionamiento
Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.
<script src="gallery.js"></script>
Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.
<div id="gallery"> </div>
Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.
{
"Group 1": [
{
"width": 1500,
"path": "1.jpg",
"height": 2000
},
{
"width": 1600,
"path": "2.jpg",
"height": 2000
},
{
"width": 1600,
"path": "3.jpg",
"height": 2000
}
],
"Group 2": [
{
"width": 1500,
"path": "4.jpg",
"height": 2000
},
{
"width": 1500,
"path": "5.jpg",
"height": 2000
},
{
"width": 2000,
"path": "6.jpg",
"height": 1333
}
],
...
} Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.
var COLUMNS = 'columns';
var ROWS = 'rows';
var SQUARES = 'squares';
var columns = COLUMNS;
var rows = ROWS;
var squares = SQUARES;
var layoutStyle = COLUMNS;
var configuration = {
spacing: 10,
shuffle: false,
columns: 3,
maxHeight: 400
};
var id = 'gallery';
function reqListener() {
var renderer
switch (layoutStyle) {
case COLUMNS:
renderer = new VerticalRenderer(id);
break;
case ROWS:
renderer = new HorizontalRenderer(id);
break;
case SQUARES:
renderer = new SquareRenderer(id);
break;
}
var config = new Config(JSON.parse(this.responseText), configuration);
renderer.render(config);
}
window.onload = function() {
var oReq = new XMLHttpRequest();
oReq.addEventListener("load", reqListener);
oReq.open("GET", "config.json");
oReq.send();
}; Registro de cambios
10/08/2018
- Se ha corregido un error que provocaba que la última fila representaría mal
