0

Estou desenvolvendo uma página HTML simples com links para âncoras espalhadas pelo documento, porém depois de incluir uma galeria de imagens em jQuery, os links passaram a abrir a galeria ao invés de rolar para a âncora. Alguém pode me ajudar?

Eis a chamada do método:

   <script type="text/javascript">
        $(document).ready(function(){
            $('#gallery').gallerie();
        });
    </script>

Exemplo de um link e uma âncora utilizados:

    <li><a href="#empresa">EMPRESA</a></li> 

    <div class="row" id="empresa">
4
  • Pode incluir um exemplo na pergunta dos links e das âncoras?
    – Meu ovo
    14/03/2019 às 23:30
  • Adicionados À descrição
    – Natan HC
    14/03/2019 às 23:46
  • Se vc retirar $('#gallery').gallerie(); as âncoras funcionam normal?
    – Meu ovo
    14/03/2019 às 23:58
  • Sim... porém ela serve para chamar a função que abre as imagens em uma galeria. No entanto, os linsk das Âncoras estão chamando essa função das imagens ao invés de setar para a âncora.
    – Natan HC
    15/03/2019 às 0:00

1 Resposta 1

1

Olhando a documentação do plugin, por padrão, ele irá pegar todas as tags <a> como âncora da galeria. O que você deve fazer é colocar uma classe em cada tag <a> da galeria, por exemplo, class="gallerie-image":

<div id="gallery">
   <a class="gallerie-image" href="imagem1.jpg"><img src="miniatura1.jpg"/></a>
   <a class="gallerie-image" href="imagem2.jpg"><img src="miniatura2.jpg"/></a>
</div>

E iniciar o plugin alterando a opção elem apontando para a classe:

$('#gallery').gallerie({
   elem: 'a.gallerie-image'
});

Assim o plugin só irá buscar as tags <a> da galeria, não alterando o comportamento normal das outras tags <a> da página.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .