# MRE-PREVIEW

Componente para desenvolvimento de visualização de imagens em preview tela cheia

### Instalação

  - Executar o comando de instalação com o bower

```
    $ bower install mre-preview --save
```

- Adicionar arquivo css no html

```
    <link rel="stylesheet" href="/vendor/mre-preview/assets/css/mre-preview.css">
```

- Adicionar arquivo js no html

```
    <script type="text/javascript" src="/vendor/mre-preview/src/mre-preview.js"></script>
```

 - Injetar o módulo mre.preview em sua aplicação

```
    angular.module('your.module', [
        'mre.preview'
    ]);
```

### Utilização

 - Incluir no seu html o elemento de visualizacao

 ```
    <mre-preview
        options-preview="optionsPreview">
        </mre-preview>
 ```

 - Configurações do paginacao(next prev) no controlador

```
    angular.module("your.module")
    .controller('ClassificadosController', function($scope, $http) {
        $this.optionsPreview = {
            prevNext: true, // habilita os botoes anterior/proximo para navegar entre fotos, true por default
            multiThumb: false, // exibe img thumbnail de uma unica imagem, false por default
            items: {
                id: 1,
                legenda: 'Lorem ipsum sollicitudin molestie malesuada.',
                src: '//woody.itamaraty.gov.br/img/intratec/classificados/31u291j232.jpg'
            }
        };
});
```

### Versão
1.0.0