Skip to content

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

Notifications You must be signed in to change notification settings

Jul10l1r4/POP-image

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

POP image

Direto ao ponto .

Você pode instala-lo assim.

 npm install pop-image --save

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

 <script src="https://jul10l1r4.github.io/Ecmascript/:metal:.js"></script>

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 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, usando esses códigos do artigo é que montamos uma estrutura leve e performática para facilitar a utilização.