Utilizamos cookies para ajudar você a navegar com eficiência e executar certas funções. Você encontrará informações detalhadas sobre todos os cookies sob cada categoria de consentimento abaixo.
Os cookies que são classificados com a marcação “Necessário” são armazenados em seu navegador, pois são essenciais para possibilitar o uso de funcionalidades básicas do site....
Os cookies necessários são cruciais para as funções básicas do site e o site não funcionará como pretendido sem eles.
Esses cookies não armazenam nenhum dado pessoalmente identificável.
Cookies funcionais ajudam a executar certas funcionalidades, como compartilhar o conteúdo do site em plataformas de mídia social, coletar feedbacks e outros recursos de terceiros.
Cookies analíticos são usados para entender como os visitantes interagem com o site. Esses cookies ajudam a fornecer informações sobre métricas o número de visitantes, taxa de rejeição, fonte de tráfego, etc.
Os cookies de desempenho são usados para entender e analisar os principais índices de desempenho do site, o que ajuda a oferecer uma melhor experiência do usuário para os visitantes.
Os cookies de anúncios são usados para entregar aos visitantes anúncios personalizados com base nas páginas que visitaram antes e analisar a eficácia da campanha publicitária.
CSS - Dicas - JavaScript - PHP
ShadowBox é uma técnica que permite exibir imagens em uma sobreposição sobre a página atual, muitas vezes com um efeito de escurecimento do restante da página para destacar a imagem em exibição.
O código a seguir irá permitir que você adicione esta função ao seu código.
Tempo necessário: 3 minutos
Colocar as pastas css, js e img dentro do seu projeto.
<!– SHADOWBOX –>
<link rel=”stylesheet” href=”/css/shadowbox.css”>
<script type=”text/javascript” src=”/js/shadowbox.js”></script>
<script type=”text/javascript”> Shadowbox.init(); </script>
<!– SHADOWBOX –>
<a href=”link-da-sua-imagem.png” rel=”shadowbox[galeria]” style=”background-image: url(‘link-da-sua-imagem.png’);”></a>
Lembre-se que o “shadowbox[galeria]” é o nome da sua galeria, todas as imagens com o mesmo nome pertencem a mesma galeria, caso tenha mais de uma na mesma página, terá que colocar um nome diferente. Ex.: “shadowbox[galeria1]”, “shadowbox[galeria2]” e “shadowbox[galeria3]”
contato@geovaniassis.dev.br 
