https://github.com/ffernandomoraes/afpopup
Pop-Up em javascript utilizando cookies.
https://github.com/ffernandomoraes/afpopup
beautify cookie css html javascript modal popup pure-javascript
Last synced: 10 months ago
JSON representation
Pop-Up em javascript utilizando cookies.
- Host: GitHub
- URL: https://github.com/ffernandomoraes/afpopup
- Owner: ffernandomoraes
- License: mit
- Created: 2017-02-24T19:41:27.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2017-02-25T00:22:09.000Z (over 9 years ago)
- Last Synced: 2025-02-08T08:47:31.330Z (over 1 year ago)
- Topics: beautify, cookie, css, html, javascript, modal, popup, pure-javascript
- Language: JavaScript
- Homepage:
- Size: 825 KB
- Stars: 0
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# afPopUp
afPopUp é um simples Pop-Up em javascript utilizando cookies.
## Features
- Fácil configuração
- Possibilidade de incluir links
- NO JQUERY!
- Apenas um arquivo e um svg para o botão de close que pode ser trocado
- Cookie para limitar a visualização por um certo tempo configurado pelo usuário
## Installation
1. Inicie uma div com a classe ou id desejado
2. Inicie o afPopUp com a mínima configuração abaixo:
```
afPopUp.init({
// Selecione a sua div
element: '.teste',
// Url da Imagem
image: 'src/images/imagem.jpg',
// Tempo em minutos para não exibir o Pop-Up
expirateCacheTime: 30
});
```
## Options
##### element: '#elemento'
Seleciona o elemento onde será aplicado o Pop-Up.
##### image: 'image.jpg'
Url de onde está armazenada a imagem.
Formatos suportados: jpg, jpeg, png, gif.
O tamanho padrão do Pop-Up é de 550px de largura, recomendamos que a imagem selecionado seja quadrada.
##### expirateCacheTime: 60
Define em minutos quanto tempo o usuário ficará sem visualizar o Pop-Up.
##### haveLink: true or false
Define se irá existir no Pop-Up um link ou não.
##### link: 'url de destino ao clicar na imagem'
Caso haveLink seja definido como true, definir o destino ao clicar no Pop-Up.
#### target: '_blank'
Define o target, caso seja definido '_blank' irá para outra aba senão ele irá para a mesma aba, qualquer outro valor irá ser definido o padrão '_self'.
## Authors
[
](http://github.com/ffernandomoraes)
[
](http://github.com/angelorodriigors)