https://github.com/jul10l1r4/pop-image

Ele cria um suave box, para visualizar imagens de um modo mais, porreta 🤘
https://github.com/jul10l1r4/pop-image

cafe css dev ecmascript js massa nojquery nolib raul-seixas-legal realoficial realtime seguranca stack truecode

Last synced: about 6 hours ago
JSON representation

Ele cria um suave box, para visualizar imagens de um modo mais, porreta 🤘

• Host: GitHub
• URL: https://github.com/jul10l1r4/pop-image
• Owner: Jul10l1r4
• Created: 2018-02-08T21:39:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-02T12:59:11.000Z (over 6 years ago)
• Last Synced: 2024-11-16T12:49:27.931Z (3 days ago)
• Topics: cafe, css, dev, ecmascript, js, massa, nojquery, nolib, raul-seixas-legal, realoficial, realtime, seguranca, stack, truecode
• Language: JavaScript
• Homepage: https://jul10l1r4.github.io/POP-image/
• Size: 76.2 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![POP image](https://jul10l1r4.github.io/POP-image/logo.jpeg "POP image")

# Direto ao ponto .

Você pode instala-lo assim.

```bash

 npm install pop-image --save

```

Ou acrescente a âncora (caso não queira copiar manualmente): 

```html

 

```

# POP-image 🍺

 

Tenha fluidez ao abrir uma imagem, vejo por aí muitos sites, onde apertam na imagem e sim a imagem abre grande, mas abre uma nova aba e realmente acho um pé no saco, porque tenho sempre que for abrir apertar no botão de voltar do navegador e voltar a página onde eu estava, mas este box faz apenas com JS puro um box que abre a imagem suspensa na mesma página(light box), a estilização fica por sua conta, mas se for preguiçoso já temos códigos montados, é só integrar, se quiser ver e criar uma sua, faça você mesmo.

 

## Veja o nosso manual 📒

Temos um respositório no [NotABug.org](https://notabug.org/Jul10l1r4/Guia-POP) onde falará sobre como integrar em sua aplicação, de uma forma que se der uma atualização não venha danificar sua aplicação.

# Ele criará um botão de voltar ao topo 🔝

Usando este suporte onde se baseia em animação com `JS` tem suporte em todos os navegadores, e cria a animação de deslize até o topo.

## Use o efeito scroll, sem carregar trilhões de códigos 🔥

O efeito é feito com usando JS, poupando o máximo de processamentos necessários do lado do cliente, então fizemos algo sem a utilização de biblioteca, mas de uma forma eficiente, veja como você mesmo pode criar um botão assim com a função [scroll em seis linhas](https://jul10l1r4.github.io/artigos/Seja_performatico_-_efeito_scroll_com_6_linhas_sem_jquery/), usando esses códigos do artigo é que montamos uma estrutura leve e performática para facilitar a utilização.